Created
March 18, 2022 14:50
-
-
Save subzey/c0a81c39d68c8a6e327c5be2130ed27d to your computer and use it in GitHub Desktop.
Text arrow
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html lang="ru"> | |
| <head> | |
| <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@1,600&family=Lobster&family=Roboto&display=swap" rel="stylesheet"> | |
| <style> | |
| body { | |
| font-size: 28px; | |
| line-height: 36px; | |
| font-family: sans-serif; | |
| } | |
| .arrow { | |
| height: 1.04ex; | |
| vertical-align: middle; | |
| width: auto; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <p>Обзор рынка <svg class="arrow" width="8" height="14" viewBox="10 7 8 14"><path fill="currentColor" d="M10.293 7.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L15.586 14l-5.293-5.293a1 1 0 0 1 0-1.414z"></path></svg></p> | |
| <p style="font-family: -apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,SegoeUI,Ubuntu,sans-serif">Обзор рынка <svg class="arrow" width="8" height="14" viewBox="10 7 8 14"><path fill="currentColor" d="M10.293 7.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L15.586 14l-5.293-5.293a1 1 0 0 1 0-1.414z"></path></svg></p> | |
| <p style="font-family: 'EB Garamond', sans-serif">Обзор рынка <svg class="arrow" width="8" height="14" viewBox="10 7 8 14"><path fill="currentColor" d="M10.293 7.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L15.586 14l-5.293-5.293a1 1 0 0 1 0-1.414z"></path></svg></p> | |
| <p style="font-family: 'Roboto', sans-serif">Обзор рынка <svg class="arrow" width="8" height="14" viewBox="10 7 8 14"><path fill="currentColor" d="M10.293 7.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L15.586 14l-5.293-5.293a1 1 0 0 1 0-1.414z"></path></svg></p> | |
| <p style="font-family: 'Lobster', cursive">Обзор рынка <svg class="arrow" width="8" height="14" viewBox="10 7 8 14"><path fill="currentColor" d="M10.293 7.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L15.586 14l-5.293-5.293a1 1 0 0 1 0-1.414z"></path></svg></p> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment