To embed open-arrow, copy this code into the <head> of your HTML document.
<style> @font-face { font-family: 'open-arrow'; src: url('path-to-font-file/OpenArrow-Regular.eot') format('embedded-opentype'), url('path-to-font-file/OpenArrow-Regular.woff2') format('woff2'), url('path-to-font-file/OpenArrow-Regular.woff') format('woff'), url('path-to-font-file/OpenArrow-Regular.otf') format('opentype'), url('path-to-font-file/OpenArrow-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; unicode-range: U+2190-21ff; } </style>
Specify open-arrow as the first value of font-family.
font-family: 'open-arrow', Helvetica, sans-serif;
Use it like this:
→ Use it like this ←