CSS font-face
with unicode-range
Example using the locally installed Inter typeface for the unicode range for arrows:
@font-face {
font-family: 'system-arrows';
src: local('Inter');
font-weight: 400;
unicode-range: U+2190-2192;
}
References
- https://24ways.org/2011/creating-custom-font-stacks-with-unicode-range/
- https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/unicode-range
- https://www.quackit.com/css/at-rules/descriptors/css_unicode-range_descriptor.cfm
See typography on the web, microtypography is concerned with individual components of typography, web development, web design