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

Can't use Google's fonts properly

So I've been trying to import Google's fonts and integrate them into a website without success. The CSS: @import url(http://fonts.googleapis.com/css?family=Linden+Hill); /*...*/ body.single-post p, body.page p{ font-family: 'Linden Hill',…
Ivan
  • 307
  • 1
  • 16
0
votes
1 answer

how does timepiece.inostudio.de clock font works?

checkout timepiece.inostudio.de How does the font translate "03:35:40" to a symbol? I tried this with http://icomoon.io/ but doesn't seem to be possible with ligatures.
killebytes
  • 940
  • 1
  • 10
  • 24
0
votes
1 answer

Mix of Google Fonts and Fontello not working in Safari

I've recently noticed that links wrapped around Fontello icons are impossible to click on Safari 5.1.7 (or should I say "latest" Win realese"). I really don't know what could cause the issue (other browser are ok). I was trying to mess with…
Nippon
  • 25
  • 2
0
votes
0 answers

Converting TrueType font to web

Is it possible to find Font ubuntu with Polish characters? I've found it on fontsquirell but cant download web kit because of license, and they redirect me to converter. But this converter doesn't provide me Ubuntu with Polish characters. Is any way…
Mateusz Winnicki
  • 151
  • 2
  • 11
0
votes
2 answers

Embedded font line-height issue

I'm using a embedded font (tex gyre adventor) for a vertical menu. The hover behaviour of the menu items works not correct because of the line height/overlapping (see image). When I try to change the line-height property of the links, nothing…
toddiHH
  • 89
  • 1
  • 2
  • 6
0
votes
1 answer

Bug? in alignment with custom fonts in chrome

This is a weird "bug", I cant reproduce it always, but on the fiddle test case seems to fail more often. This is ONLY showing in chrome/windows, I couldn't reproduce it in IE at least and someone confirmed it doesn't happen in chrome/Linux. The…
felixjet
  • 605
  • 1
  • 6
  • 11
0
votes
1 answer

Small-caps not rendering in chrome using web font

I'm having problems getting my web font in small caps using "font-variant: small-caps". Here's my findings and what I went through, ruling out possible problems : My initial thought was that the .woff file was not rendering small-caps for some…
veksen
  • 6,863
  • 5
  • 20
  • 33
0
votes
1 answer

Non-ASCII characters incorrectly displayed in Denmark webfont

My problem is so weird, I should display the following letters ø å Å Ø but I see øåÅØ, This is my code:
HASSAROV
  • 29
  • 2
  • 6
0
votes
1 answer

Custom font and elements with 'width: auto'

I am using the well known 'Open Sans' font family in my current project, and I'm facing the following problem. I have buttons and other elements with width: auto, so when loading the page these elements will have a width calculated by the browser…
Tamás Pap
  • 17,777
  • 15
  • 70
  • 102
0
votes
1 answer

adding a custom font to VS 2010 @fontface

Started a new asp.net website (razor v2) website in VS2010 (just as a test template to add a custom font) Added the font 'Gothic.TTd' as an 'existing item' to the project level. Then in 'site.css' I added @font-face { font-family: "Century…
John
  • 3,965
  • 21
  • 77
  • 163
0
votes
2 answers

Change webpage font weight for Mac OS (compared Windows, Linux)

I've read this, but didn't actually provide a solution, and the issue was reversed from my problem. So I'm using Roboto Slab with 400 weight, 1em size, which renders nicely on Windows but incredibly thick on OS X. I only realised this when I bought…
OJFord
  • 10,522
  • 8
  • 64
  • 98
0
votes
3 answers

Custom fonts not displaying within IE9 & IE10

I've been running into multiple issues with utilizing custom fonts at the following location: www.shawmut.com/happyholidays I ran into an issue yesterday with Mozilla Firefox and it not displaying a custom font I was linking to our AWS S3 Bucket,…
0
votes
0 answers

WebINK Web fonts not rendering in Firefox

My website is using Proxima Nova from WebINK and works fine on all browsers (even IE!!) except Firefox. I am using the latest FF on a Mac. All fonts are rendering as Times Here is the link. Has anyone got any ideas?
user3067865
  • 427
  • 7
  • 14
0
votes
1 answer

Other user can read helvetica neue in browser without install the font?

I have to use 'helvetica neue' as my asp.net default font. After installed in my pc, I able to add the font into my css, and it is worked while run the web application at local. But after I deployed into server. The 'helvetica neue' font is not…
Howard Hee
  • 909
  • 1
  • 13
  • 29
0
votes
1 answer

How to know if a webfont is free?

The question seems trivial, but I need to know if a particular font is free to be embedded in a website as a webfont or I must purchase a license in order to do it. Is there some good practice to ensure if a webfont is free or not? (eg. the font I'm…