Stack Overflow
Stack Overflow

Questions tagged [webfonts]

Technology that enables people to use fonts on demand over the Web without requiring installation in the operating system.

What are WebFonts?

WebFonts are a technology that enable people to use fonts on demand over the Web without requiring installation in the operating system. The W3C working group has introduced webfonts as part of the CSS 2 specification, and addendums are included in CSS 3. Until recently, downloadable fonts have not been common on the Web due to the lack of an interoperable font format. Modern browsers support the now widely used format (and woff2 for better compression). In the past other formats like eot (initial proprietary Microsoft), ttf (uncompressed) or svg were used.

Links

1549 questions
0
votes
1 answer

@font-face faux bold ie7-ie8

I keep ketting faux bold and italics in IE7-8. I have read multiple articles about this, but they all target google web fonts. I am hosting my own. See this screenshot example: Here is how I write my style declarations: @font-face{ …
David Hellsing
  • 106,495
  • 44
  • 176
  • 212
0
votes
2 answers

Can't wrap my head around accessing fonts on server (getting 404 errors in console)

So I downloaded a new font called "Alef". It's in hebrew, but that's irrelevant as I'm unable to activate it. I'm pretty sure I'm doing something really stupid but I've been trying for hours to apply it but with no avail. What I got: 8 files: 4 x…
notypist
  • 25
  • 5
0
votes
1 answer

@font-face css code bug. Missing something

I have the code below in my css file. The font renders as desired in all browsers on Mac OS, but will not render on Windows. Now before you say it's not Windows compatible, I have made a dummy page on the Windows machine, and it runs the '.woff'…
Adam M Thompson
  • 438
  • 5
  • 21
0
votes
0 answers

Cross-browser webfonts loaded event

I am trying to measure the width of a specific character from a webfont. The active event provided by Google's Webfont Loader fires slightly too early and the measurement it made on the default font. A stripped down version of the script that I am…
Timesquare
  • 399
  • 2
  • 12
0
votes
2 answers

Using Google Webfonts in Windows Phone 8 web browser control

I am trying to use web fonts in my Windows phone application. From the comments I have read, I understood that it is not possible to use fonts embedded into XAP file. So, I am trying to open a webpage that contains Google Web Fonts which is at:…
Omer Celik
  • 65
  • 1
  • 7
0
votes
2 answers

@font-face not working with IE running on XP

Problem sample: http://www.osdev.org/squirrel/card.html Problem sample2: http://www.osdev.org/squirrel/dejavusans-demo.html I'm looking to use symbols from the Unicode 6 U+1F0A0–1F0FF range (Playind Card Block)…
Chase
  • 3,123
  • 1
  • 30
  • 35
0
votes
1 answer

Quick CSS font query

Can anyone tell me why the font in the "NEWS" section of my homepage (the row of three images halfway down http://www.sehkelly.com starting with "Open and shut case") is heavier than the rest of the page? The font is not bold; it is just…
Paul Vincent
  • 43
  • 1
  • 9
0
votes
1 answer

Embedded web fonts, display drastic difference cross platform

So I've been combatting this for several weeks and still can't find any answer. I'm using the font League Gothic and have tried using both the webkit method and the css @fontface method, both are giving me the same result. Everything looks perfect…
Eric Brockman
  • 824
  • 2
  • 10
  • 37
0
votes
1 answer

firefox font rendering incorrectly

I'm having trouble with my website's font rendering. The logo font renders correctly in chrome and safari but, not in firefox. This is the css code: @font-face { font-family: 'Bello Pro'; src: url('./Bello Pro.otf'); } .logo { font-family:…
Mark charlton
  • 377
  • 3
  • 15
0
votes
2 answers

Trouble Shooting Web Fonts

I am in the process of developing a site and I have a somewhat unusual problem. I am working with fonts.com to create @font-face type to my site. I have been testing / previewing my work within Firefox - to which everything loads fine. Though when…
Brandrally
  • 803
  • 3
  • 14
  • 24
0
votes
1 answer

Render font in in IE 8 and below (working in all other browsers)

I can't make IE 8 and below (need preferably upto IE 6) render a font I have on my server. The code I'm using is the following: @font-face { font-family:omnes; src:url('fonts/Omnes-Regular.eot') format('eot'), …
Trufa
  • 39,971
  • 43
  • 126
  • 190
0
votes
1 answer

@font-face not working in Firefox or IE - how can i figure out why?

I am going nuts. @font-face won't work in IE or FireFox when I test on my client's server. My code is legit - it works just fine if I upload it to my own server, across all browsers. But no luck where I truly need it to work. I've tried…
surfbird0713
  • 1,209
  • 2
  • 23
  • 45
0
votes
2 answers

Use 'specifically' font's style not html or css font style (google fonts)

I have got this annoying problem where I cant seem to find a way to use specific styles from the ACTUAL font family and NOT with css or html styling. In my case I am linking in to the html Google's Webfont: Lato. Now I only need the styles…
Ayrton Sims
  • 1
  • 1
0
votes
1 answer

webfont displayed screwy on pc

Wondering if anyone has come across this before. The first image is how it displays on MS platforms and is incorrect, the 2nd is how it displays on apple and is correct. Thanks, for any help!
Eric Brockman
  • 824
  • 2
  • 10
  • 37
0
votes
2 answers

Properly define styles (font-style/font-weight) for webfonts

I'm using Google Web Fonts and I'm not entirely sure how to correctly define font-style/font-weight. What is the difference in defining normal or 400 as the desired font-weight for regular body copy? Do I just define font-style: italic; or reference…
kleinfreund
  • 6,546
  • 4
  • 30
  • 60
1 2 3
…
99 100