font-face Archives - IT Nursery

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 ...

June 1, 2022
0 Comments

HTML, Programming

IT Nursery

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 ...

May 28, 2022
0 Comments

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 ...

May 18, 2022
0 Comments

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 ...

May 16, 2022
0 Comments

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 ...

May 12, 2022
0 Comments

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'), ...

May 11, 2022
0 Comments

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 ...

May 7, 2022
0 Comments

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, ...

May 3, 2022
0 Comments