Stack Overflow
Stack Overflow

Questions tagged [font-face]

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

Initially proposed in CSS2 (and supported in IE 5 using the EOT font format), and subsequently removed from CSS2.1, @font-face was re-introduced as a CSS3 module. Different browsers require different font formats to work, and the license of the font itself needs to permit its use with the @font-face rule.

3439 questions
1
vote
1 answer

why does @font-face work on safari and not on firefox? (Mac versions)

I've used the following in the CSS file of the website. It works on safari but not on Firefox. I'm a newbie so apologies for this if it seems like a simple question. Been trying now for 3 hours. @font-face { font-family: handwriting; src:…
user373174
  • 45
  • 1
  • 5
1
vote
1 answer

Force browser to use woff font file

I have defined following @font-face rule: @font-face { font-family: "MyFont"; src: url(MyFont.eot); src: url(MyFont.eot#iefix) format('embedded-opentype'), url(MyFont.ttf) format('truetype'), url(MyFont.woff)…
hsz
  • 148,279
  • 62
  • 259
  • 315
1
vote
1 answer

Are there any open source web font servers?

I am looking for something similar to the Google Web Fonts, Fontdeck, or Typekit services.
Joemon
  • 775
  • 3
  • 9
  • 18
1
vote
2 answers

@Font-Face with condensed fonts in the same family

I have a number of fonts which fall under the same font family name. I need to generate the @font-face for these fonts Family Name: Test Pro Font Name: TestPro-Cond Font Name: TestPro-CondIt Font Name: TestPro-It I understand I can create a…
user2524908
  • 861
  • 4
  • 18
  • 46
1
vote
1 answer

Google Web Font Loader only loads single font on firefox

Debugging 2 seperate bugs here but first thing is first. I have specified 2 fonts to be loaded from my server using google font loader, SilkScreen and SilkScreenBold, on firefox SilkScreenBold is loaded for me every time but SilkScreen is…
Dale Harvey
  • 1,203
  • 7
  • 14
1
vote
0 answers

How do I specify only one font style when using @font-face with only one .ttc file which contains both styles

My website uses a font that Google Fonts does not have, so I used "@font-face". which looked like this. @font-face { font-family: 'Font'; src: local(example.ttc); } This method worked and my font that I uploaded was displayed. The only problem is…
user5135654
1
vote
0 answers

@font-face suddenly won't work

This worked perfectly: @font-face { FONT-FAMILY: "Delia Regular"; SRC: url("/Fonts/Delia Regular.ttf"); } Then I changed it to: @font-face { FONT-FAMILY: "Delia Regular"; SRC: url("/Fonts/Delia Regular.ttf?#IE")…
Dejan
  • 45
  • 6
1
vote
1 answer

@font-type doesn't load on mobile and IE (wordpress despite correct CSS)

Hi guys I've done a fair amount of digging and this persistent problem is driving me insane. I can't get my font-type to load for mobile and IE. My site is http://kays.vurb.us/ I am talking about the hamburger icon when in responsive mode. It uses…
Dan
  • 11
  • 3
1
vote
2 answers

Can't load custom font on website

I'm using @font-face to try and load a custom font on my website, at least on google chrome. Still, I'm having a hard time doing so... can anyone help?