Skip to content

Instantly share code, notes, and snippets.

@subzey
Created March 18, 2022 14:50
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save subzey/c0a81c39d68c8a6e327c5be2130ed27d to your computer and use it in GitHub Desktop.
Save subzey/c0a81c39d68c8a6e327c5be2130ed27d to your computer and use it in GitHub Desktop.
Text arrow
<!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