Stack Overflow
Stack Overflow

Questions tagged [google-webfonts]

Google Web Fonts project's goals are to create a directory of core web fonts for the world and to provide an API service so that anyone can bring quality typography to their webpages.

Google Web Fonts project's goals are to create a directory of core web fonts for the world and to provide an API service so that anyone can bring quality typography to their webpages.

The API service runs on Google's servers. They are fast, reliable and tested. Google provide the service free of charge. It is possible to add Google Web Fonts to a website in seconds. A web built with web fonts is a web that is more beautiful, more readable, more accessible and more open.

All of the fonts are Open Source. This means that you are free to share your favorites with friends and colleagues. You can even improve or customize them and collaborate with the original designer. And you can use them in every way you want, privately or commercially – in print, on your computer, or in your websites.

394 questions
280
votes
12 answers

How to import Google Web Font in CSS file?

I'm working with a CMS which I only have access to the CSS file. So, I can't include anything thing in the HEAD of the document. I was wondering if there was a way to import the web font from within the CSS file?
David
  • 4,359
  • 8
  • 32
  • 46
221
votes
4 answers

Including Google Web Fonts link or import?

What is the preferred way of including Google Web Fonts to a page? via the link tag? via import in a stylesheet? @import…
kajo
  • 4,961
  • 4
  • 29
  • 29
141
votes
5 answers

Is there any "font smoothing" in Google Chrome?

I'm using google webfonts and they fine at super large font sizes, but at 18px, they look awful. I've read here and there that there are solutions for font smoothing, but I haven't found any where that explains it clearly and the few snippets I have…
imakeitpretty
  • 2,098
  • 5
  • 14
  • 16
73
votes
1 answer

Languages supported by "latin" vs "latin-extended" glyphs in fonts on Google Web Fonts?

Some fonts on Google Web Fonts support multiple "character sets". The thing is, if the web font I use only serves the "latin" glyphs, users who translate the page to a language whose glyphs aren't supported will clearly notice the messed up…
its_me
  • 10,289
  • 23
  • 78
  • 126
69
votes
17 answers

Google Fonts are not rendering on Google Chrome

I'm building a new WordPress theme (don't know if that's relevant) and there's this issue that keeps bugging me. I've loaded up Roboto Slab from Google Webfonts (included the CSS in section). On every other browser out there, font is rendered…
enodekciw
  • 693
  • 1
  • 6
  • 7
68
votes
11 answers

How to make Google Fonts work in IE?

I've been developing a site that uses the Google Fonts API. It's great, and supposedly has been tested in IE, but when testing in IE 8 the fonts simply don't get styled. I included the font, as Google instructs, thus:
Isaac Lubow
  • 3,498
  • 2
  • 33
  • 52
63
votes
2 answers

Converting and rendering web fonts to base64 - keep original look

I want to defer font loading on my site inspired by deferred font loading logic for Smashing Magazine. Main part of this is converting fonts to base64 and preparing your CSS file. My steps so far: Pick fonts on Google Web Fonts and download…
Jan Peša
  • 4,659
  • 3
  • 25
  • 32
51
votes
12 answers

Google webfonts render choppy in Chrome on Windows

I use the Google Webfonts service on my website and rely heavily on it. It renders fine on most browsers, but in Chrome on Windows it renders especially bad. Very choppy and pixelated. What i have found out so far is that Chrome requires the .svg…
Joey
  • 1,658
  • 3
  • 19
  • 33
35
votes
6 answers

How to download multiple formats of a web font from the (official) Google Web Fonts repo?

I've learnt that Google automatically serves TTF, EOT, WOFF, or SVG font files depending on the browser / device it's accessed from. Now I am planning to host and serve the font files from my server itself, for which I would first have to download…
its_me
  • 10,289
  • 23
  • 78
  • 126
33
votes
7 answers

IE9 - CSS3111: @font-face encountered unknown error

I embed three Google Fonts from http://www.google.com/webfonts (Dosis, Open Sans, Lato) And they all work fine except IE9 where it returns: CSS3111: @font-face encountered unknown error. 2HG_tEPiQ4Z6795cGfdivPY6323mHUZFJMgTvxaG2iE.eot CSS3111:…
Atadj
  • 6,420
  • 16
  • 66
  • 90
29
votes
2 answers

How to edit .woff font files offered by Google Webfonts?

Is there any free or cheap editor for Windows, that would allow to edit files with .woff extension (I checked in css that the font file has woff extension). These are fonts offered by Google Webfonts and they are free to embed, modify etc. I'd like…
camcam
  • 2,265
  • 7
  • 40
  • 58
26
votes
1 answer

Prioritise SVG font with Google Web Fonts

font-face rendering in Google Chrome on windows is awful unless you use an SVG font. However google web fonts prioritises WOFF files. Is there any way to force it to deliver the SVG fonts or do I have to manually host the fonts myself?
9point6
  • 956
  • 2
  • 9
  • 22
20
votes
3 answers

google fonts + webpack

I am new to webpack 2.2 ; I would like to know the best way to integrate a Google font within my project. I am using the Webpack HTML plugin to generate an index.html from a template. So for the moment I hard-coded the Google font CSS directly in a…
mguijarr
  • 6,884
  • 4
  • 37
  • 67
20
votes
2 answers

Wrong vertical align of text in Google Chrome browser

I have problem with creating "button" element (text in inline-block container with border), because in some font-size text has wrong vertical-align (is not perfect middle). I want to use Raleway (Google Web Font) and Bootstrap. Height of the text…
Cichy
  • 2,562
  • 2
  • 18
  • 26
19
votes
8 answers

AngularJS Material web font icons () not showing up?

Not sure if it's the documentation that's confusing me but I'm having difficulties getting md-icons to work (its more work than other icon fonts). Instructions here specify to Use . Here is a sample demo with the…
Helen Che
  • 1,689
  • 4
  • 20
  • 38
1
2 3
…
26 27