Category : webfonts

Let’s say I have a font face like: @font-face { font-family: ‘MyGreatFont’; src: url(~"./font/greatfont.woff2") format(‘woff2’), url(~"./font/greatfont.woff") format(‘woff’); font-weight: 600; font-style: normal; } In places where I use it, I do something like: font-family: ‘MyGreatFamily’, san-serif. To avoid the Flash of Unstyled Text especially on devices that have slower download speeds, I want to style the ..

Read more

I found a good webfont that I like to use as a fixed width monospace font. https://google-webfonts-helper.herokuapp.com/fonts/roboto-mono?subsets=latin The downloaded web font file does not appear as monotype when its used on html5 page, why? /* roboto-mono-regular – latin */ @font-face { font-family: ‘Roboto Mono’; font-style: normal; font-weight: 400; src: url(‘../fonts/roboto-mono-v13-latin-regular.eot’); /* IE9 Compat Modes */ ..

Read more