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

Firefox not rendering @font-face style correctly

Hey guys, for some reason, I have FireFox not complying with the supposed "bullet-proof" method of getting a custom font in every modern browser. Well, I hope I'm just doing something wrong, because it looks to me as though it really should be…
Qcom
  • 18,263
  • 29
  • 87
  • 113
1
vote
1 answer

Overriding CSS font-face declaration with arial (or other standard font)

I have a couple of master css font-face declarations that look something like this: @font-face { font-weight: normal; font-style: normal; font-family: 'myfont'; src: url('../fonts/myfont-Reg-webfont.eot'); src:…
Jon Holland
  • 391
  • 7
  • 19
1
vote
0 answers

font-face for inline svg font not working

I want to use some FontAwesome svg icons. But font-face is not working. * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; …
MeTe-30
  • 2,512
  • 2
  • 21
  • 30
1
vote
1 answer

CSS content property is displaying a box character in chrome console.log, why not text?

I am now working with custom icon font that I made. Just trying something I got this. I have my style-sheet file in which all my fonts with their respective content property and its value like,.assassin_creed:before {content: "\e018";} Seeing this…
bantya
  • 576
  • 11
  • 23
1
vote
1 answer

Meteor: Using @font-faces from MyFonts let Safari crash immediately

I added a family of @font-faces that I bought from myFonts to my Meteor project. As soon as I added them to the public folder and its definition to the stylesheet, Safari completely crashes. Used this font already in my Wordpress and Koken Themes…
Carsten H
  • 831
  • 15
  • 32
1
vote
1 answer

How do specific browsers prevent downloaded fonts from being available to other applications

As this is a stated requirement of the Web Fonts specification can someone explain to me how individual browsers handle this? I understand that IE temporary installs the font only for the period the font is required, but can find no mention of how…
paulb
  • 693
  • 1
  • 5
  • 6
1
vote
3 answers

OpenSans Semibold Normal displayed as Italic

I have problem with Open Sans font imported from Google Web Fonts. OpenSans Semibold (600) normal is suddenly on all my webpages rendered in italic. I tried force font-style to normal etc. but with same results. After changing font weight to 500 or…
hovado
  • 4,474
  • 1
  • 24
  • 30
1
vote
2 answers

Fonts works on Safari, not on Google Chrome and Firefox

On my website I call a font that is on an other website : @font-face { font-family: Gotham; src: url('http://www.myOtherSite.com/Gotham-Book.ttf'); font-weight: 600; } It works on Safari,…
Nicolas Roy
  • 3,773
  • 5
  • 27
  • 42
1
vote
0 answers

How to change ionic font for right to left languages?

In VS 2015, Blank App (Apache Cordova) show Persian (Farsi) text properly, but in ionic framework Persian (Farsi) text show like this: I've tried to add custom font-face in these steps: Add fonts to www/lib/ionic/fonts make a font-face like…
Parham.D
  • 1,158
  • 2
  • 12
  • 31
1
vote
1 answer

Font weight with external font

I'm working with an external font type for my website, I have the 3 ttf files, for normal, bold and italic styles. I'm wondering if I can change the font weight, because I already tried to use the font-weight CSS property, but it seems that it only…
NFDS
  • 99
  • 1
  • 3
  • 12
1
vote
1 answer

Google font @font-face not working

I've read a lot of "@font-face not working" questions here, but none helped me out with my current problem. According to this, I have to "Add a stylesheet link to request the desired web font(s)". So in my HTML's < head >, I added:
MicroMachine
  • 179
  • 5
  • 16
1
vote
2 answers

CSS @font-face not working?

In my HTML: In the css I've tried: @font-face…
Richard Paul Astley
  • 323
  • 3
  • 7
  • 18
1
vote
1 answer

Font failed to load on server?

both font works locally but on server elkwood works and avenir doesn't work i got no idea why. please see image i also tried font-family: "AvenirNextLTPro-Regular"; src: url( "/fonts/AvenirNextLTPro-Regular.otf" ); screenshot details
Mark
  • 35
  • 7
1
vote
0 answers

Fonts appearing on Browserify livereload but not on refresh in Chrome only

This is one of the stranger errors I've seen in a while. Using browserify, I modify my stylus css file so that I set a font-family that links to a library defined with @font-face. When I refresh my page, my page does not show the fonts in…
Union find
  • 7,759
  • 13
  • 60
  • 111
1
vote
2 answers

Web Fonts CORS Error, but I set headers

I am trying to load web fonts from a CDN, but am getting a Cross Origin Request error. I have set the following headers in my httpd conf file: Header Add Access-Control-Allow-Origin: my-cdn-domain and …
hgolov
  • 650
  • 1
  • 11
  • 28
1 2 3
…
99
100