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
3 answers

Using Arabic fonts with the extension .otf

I'm working on a small project, where the client sent me a font that he wants me to use for the Arabic language. The file extension for the file is .otf I embedded the file, and tried to use it, and the results were: IE8: Didn't recognize the…
Naruto
  • 6,398
  • 5
  • 21
  • 24
1
vote
1 answer

JSF Custom font with CSS

I am trying to add a custom font to my _template.html, but it is not rendering the font, only plain text. I tried the solution found here, but did not solve my problem. My custom font file is in…
Felipe Wagner
  • 154
  • 2
  • 14
1
vote
1 answer

@font-face not loading on Android 5.0.2 mobile phone despite loading on PC desktop

Problem: @font-face font called 'Ubuntu-L' is not loading on my HTC One Android 5.0.2 despite loading on PC desktop, here is my page: piotrdeja.pl you can check it on your mobile phone to see what I mean. My page works as a wordpress theme, here…
user7559059
1
vote
2 answers

show of Right to Left font

I am designing an application based on android platform. I want to show Right To Left strings in my application. I have included a TTF font into asset folder and my output is affected based on this font. In Arabic or Persian languages characters Can…
Hesam
  • 52,260
  • 74
  • 224
  • 365
1
vote
3 answers

Strange squares in text on Chrome for Windows

We are having a strange issue on three custom made WordPress websites. There are squares randomly visible in the text. These squares are only visible in Chrome for Windows. The squares are visible at https://www.dakcheck.nl. I also made a screenshot…
Patrick Heiloo
  • 39
  • 1
  • 4
1
vote
1 answer

Is it possible to use font that's already downloaded in parent window in child iframe?

I think the title is pretty self-explanatory but just to clarify a little more, I'm talking about being able to use the font downloaded in parent window in an iframe window. It will be a cross-domain (hence the question). For e.g. Let's say I have…
shriek
  • 5,605
  • 8
  • 46
  • 75
1
vote
1 answer

Is text-rendering allowed in @font-face declaration?

I've stumbled upon a CSS file for webfont integration, in which text-rendering property was used inside of @font-face: @font-face { font-family: "Font Name"; /** ... */ text-rendering: optimizeLegibility; } My IDE tells me that this is an…
Slava Fomin II
  • 26,865
  • 29
  • 124
  • 202
1
vote
1 answer

Custom H1 Text - image replacement? @font-face?

Ok, people, I'm sick of arial. The word these days is that @font-face is the way to go for all things, but, well, as best I can tell the support isn't really there yet (am I wrong? people still use FF2, right? no?) I'm a reasonable fan of just…
Trass Vasston
  • 679
  • 2
  • 6
  • 19
1
vote
0 answers

JavaFX CSS font-face incorrectly display

I am making a software for a local race of the country. The customer intends to use their own font. I have embedded it in fxml. The directory structure: I have loaded it in CSS file: @font-face { font-family: 'NamKhoneUnicode'; src:…
M. Ko
  • 563
  • 6
  • 31
1
vote
1 answer

multiple files for multiple font-weight with @font-face

I have multiple font files and I need it to map it to some font weights. @font-face { font-family: "custom-font"; src: url("font300.eot"); src: url("font300.eot?#iefix") format("embedded-opentype"), url("font300.woff2")…
Dawe
  • 562
  • 1
  • 9
  • 19
1
vote
1 answer

font-family is not working in css although the structure is ok

I'm using the following structure in a website: Root theme index.html assets myfont css fontiran.css and style.css fonts IRANSansWeb.eot , IRANSansWeb.woff, IRANSansWeb.woff2, and IRANSansWeb.ttf And the contents…
asDca21
  • 161
  • 1
  • 2
  • 9
1
vote
1 answer

Cyrillic font-face usage with custom wordpress style

I am using custom wordpress theme and I wanted to change the font. To do that I found the style.css file, and then replaced the current @font-face code with mine, so that I can use the "Stylo" font. This is the code I am using: @font-face…
user7365135
  • 1
  • 1
1
vote
1 answer

My @font-face doesn't work in Firefox, I cant find the issue, anything helps

The issue with the code below is that it works with Google Chrome And Internet Explorer, but when I load it up in Firefox the custom font doesn't load with it. Any ideas as to how I can fix…
Christopher Williams
  • 11
  • 1
1
vote
2 answers

How to add font-weight property inside a font definition for the fallback font?

In our project we use Fira Sans Bold for thickening text segments. As a fallback we would like to use Lucida Sans Unicode with font-weight set to bold. However, we run into a problem that we need to pre-set font-weight property for Lucida Sans…
Anelook
  • 1,277
  • 3
  • 17
  • 28
1
vote
1 answer

CORS error when accessing fonts from Dropbox

I am trying to access a .ttf file I have hosted on Dropbox with CSS @font-face rule. This is the code: @font-face { font-family: calculatorFont; src: url(https://www.dropbox.com/s/6yufk6p4mmi8q3u/digital-7.ttf?dl=1); } And I get this…
user6885321
1 2 3
…
99 100