Using custom fonts using CSS?
I’ve seen some new websites that are using custom fonts on their sites (other than the regular Arial, Tahoma, etc.). And they support … Read more
font-face
CSS @font-face not working with Firefox, but working with Chrome and IE
The following code works in Google Chrome beta as well as IE 7. However, Firefox seems to have a problem with this. I’m … Read more
Multiple font-weights, one @font-face query
I have to import the Klavika font and I’ve received it in multiple shapes and sizes: Klavika-Bold-Italic.otf Klavika-Bold.otf Klavika-Light-Italic.otf Klavika-Light.otf Klavika-Medium-Italic.otf Klavika-Medium.otf Klavika-Regular-Italic.otf … Read more
Right mime type for SVG images with fonts embedded
This is the usual SVG mime type: image/svg+xml And it works great. However, when embedding an SVG font, chrome tells you the mime … Read more
Unicode character for “X” cancel / close?
I want to create a close button using CSS only. I’m sure I’m not the first to do this, so does anyone know … Read more
Why does this “Slow network detected…” log appear in Chrome?
I noticed this info log began to appear in Google Chrome Dev (Version 55.0.2883.18 dev) and I can’t imagine why. Slow network is … Read more
Why should we include ttf, eot, woff, svg,… in a font-face
In CSS3 font-face, there are multiple font types included like ttf, eot, woff, svg and cff. Why should we use all of these … Read more
Using fonts with Rails asset pipeline
I have some fonts being configured in my Scss file like so: @font-face { font-family: ‘Icomoon’; src: asset-url(‘icoMoon.eot?#iefix’, font) format(’embedded-opentype’), asset-url(‘icoMoon.woff’, font) format(‘woff’), … Read more
Why is @font-face throwing a 404 error on woff files?
I’m using @font-face on my company’s site and it works/looks great. Except Firefox and Chrome will throw a 404 error on the .woff … Read more
How to add multiple font files for the same font?
I’m looking at the MDC page for the @font-face CSS rule, but I don’t get one thing. I have separate files for bold, … Read more