Top "Font-face" questions

@font-face is a CSS rule that allows the definition of embedded fonts within a webpage.

Using @font-face with Rails 3.1 app?

I'm having trouble using the following @font-face declaration to work with my Rails 3.1 app. I put the fonts in the …

css ruby-on-rails-3.1 font-face sass
@font-face is causing slow load times

Lately i started noticing the website loads very slow at some point. I've investigated this with firebug and when the …

html css font-face page-load-time
Custom font via CSS

I am learning php, html and css now and I'm trying to use a custom font on my site. I …

html css fonts font-face custom-font
Fix custom font line-height with CSS

I've been experiencing a strange issue when using a custom font on a new webapp i'm working on. This custom …

css fonts font-face webfonts
Nuxt.js: Include font files: use /static or /assets

I know some posts in the nuxt.js github repo cover this a bit, but I would like to know …

vue.js fonts font-face assets nuxt.js
svg @font-face works in svg but not when included in a page

I've got an svg file which includes a certain font using the @font-face syntax. This svg is located at /logo/…

css xml svg font-face
Safari and IE can't read TTF and EOT fonts

I have trouble reading a font in Safari. I converted OTF to TTF - two bold and regular fonts. Both …

css safari cross-browser font-face truetype
font-face doesn't appear to be working in IE8?

I have the following lines in my CSS. @font-face { font-family: Keffeesatz; src: url(/Styles/YanoneKaffeesatz-Light.otf) format("opentype") } @font-face { font-family: …

css internet-explorer-8 font-face opentype
Using Font Awesome library in a Shopify store

I'm trying to use Font Awesome: http://fortawesome.github.com/Font-Awesome/ I've used these font icons on several Rails projects …

font-face shopify font-awesome
Why are my descenders being cut off when using CSS @font-face?

I'm using the Google webfonts API to embed Droid Sans on a page. All is fine, except for the descenders (…

css font-face