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

Loading custom fonts from a URL in NativeScript

NativeScript supports using custom fonts that are packaged in the app's app/fonts directory. One refers to them with CSS font-family rules. I need to be able to use a custom font that is loaded from a web site at run time. In native Android, one can…
Ted Hopp
  • 232,168
  • 48
  • 399
  • 521
1
vote
1 answer

web fonts avoiding 'Eliminate render-blocking JavaScript and CSS in above-the-fold content'

I create a style.css file and insert it in the end of html doc. Now I test my webiste in google. I do not get any error. But when I insert…
ANDA
  • 163
  • 10
1
vote
2 answers

CSS Font-face isn't working

I'm trying to import a CSS font but unfortunately it's not working and I'm really unsure why. The font in the filesystem called 'deadjim.ttf' It is placed inside my main public_html and yes it is the correct path, visiting the path downloads the…
ConorReidd
  • 276
  • 5
  • 25
1
vote
6 answers

font-face in Internet Explorer

I'm sure I'm not the only one that this has plagued, but I can't seem to find a solution. @font-face works wonderfully in Firefox, Chrome, Safari with TTF fonts. as so: @font-face{ font-family: "Apple-Chancery" ; src:…
Atey1
  • 251
  • 3
  • 10
1
vote
2 answers

font-style in @font-face doesn't work with local font

For the tag, I want English characters to show as italic, non-English characters to show as normal. This is my CSS. @font-face { font-family: MyCustomFont; src: local(Kaiti); } @font-face { font-family: MyCustomFont; …
Gqqnbig
  • 5,845
  • 10
  • 45
  • 86
1
vote
1 answer

How to load font awesome in fonts directory?

I can't load font awesome in fonts directory, in font awesome there is icon style like : .fa-star:before { content: "\f005"; } I want to get content: "\f005"; and put in my own style, but I think the directory fonts not load, how to load font…
silvia zulinka
  • 728
  • 3
  • 18
  • 39
1
vote
2 answers

Font issues when moving local work to server

I've designed an HTML page on a local host using a sans-serif font, and I've attempted to move my code to a Unix/Linux server so I can use crontabs to generate the page at specific times. However, I want to use a sans-serif font. This is simple to…
Zack Downey
  • 11
  • 2
1
vote
1 answer

Material Icons ligatures electron OSX

I am trying to use Google Material Icons in an electron app and ran across an issue in rendering the icons. The icons render perfectly on Windows but not on OSX. Using devtools I have seen that both request the font as 'woff2' format successfully…
afreeland
  • 3,889
  • 3
  • 31
  • 42
1
vote
2 answers

Media queries with css3 and @font face

I'm trying to have the 4 icon fonts (above call, email, studio and hours texts) to scale based on the size of the screen. (my website - scroll below slider I've been successful in making the text scale, but not the icon fonts. Here is the code I am…
Anon
  • 147
  • 2
  • 16
1
vote
1 answer

How To Use Sub Domain Assets for another Sub Domain

I have Two sub-domains in my Wamp-server http://management.localhost http://asset.localhost in My Asset.localhost . I have css folder and , in this folder I have style.css file that contains @fontFace like Below Code : @font-face { …
Mohammadali Mirhamed
  • 324
  • 4
  • 20
1
vote
0 answers

font changes in the middle of the text on mobile version (fairphone)

I created a webpage with some text. when looking at the page from a mobile (to be precise, from fairphone 1), for some lines, the font changes slightly as you can see in the screenshot below (text in red rectanlges compared to the other text): The…
beta
  • 5,324
  • 15
  • 57
  • 99
1
vote
2 answers

How to check which fonts are loaded but not used on a website?

Ok, so suppose I have downloaded a whole font family with additional CSS file where all styles of a given font are loaded. Like Bold, Thin, etc. But I only use some of those in my CSS, not all. Is there an easy way to check which ones are not used…
Dmitry Velikiy
  • 47
  • 1
  • 6
1
vote
1 answer

Access CSS fonts from Android 'Assets' folder

I'm trying to change the font of web pages loaded in to a Browser app developed for Android. Currently my custom font is hosted in a URL & I access the font from there by injecting a JavaScript to the page to change the style sheet (CSS) font…
Dhanika
  • 1,271
  • 2
  • 9
  • 13
1
vote
1 answer

Local @font-face declaration not rendered in any browser

I am continuing to have an issue wherein locally installed webfonts are not loaded by the @font-face declaration, but external webfonts (Google) are functioning perfectly. What makes little sense is that the syntax used in my font-face declarations…
Minardista
  • 11
  • 2
1
vote
0 answers

Font issue: Text is showing bold on Macbook - Safari Browser

I'm having font issues on Macbook Pro - Safari Browser. The issue is that one of the boxes have a kind of bold text, while the other two boxes have normal text. You can view the issue here. If you look at the paragraph text inside the box called…
NohmanJ
  • 167
  • 3
  • 15
1 2 3
…
99 100