Stack Overflow
Stack Overflow

Questions tagged [google-font-api]

The Google Font Directory provides high-quality web fonts that you can include in your pages using the Google Font API.

Benefits of the Google Font API include:

  • A choice of high quality open source fonts.
  • Works in most browsers.
  • Extremely easy to use.

Available at https://developers.google.com/fonts/

541 questions
20
votes
1 answer

How to import Google Fonts on a Stylus file?

I'd like to know how can I import Google Fonts from a stylus (.styl) file. I tried: @import url(http://fonts.googleapis.com/css?family=Overlock:400,700,400italic,700italic|Calligraffitti) ...but it failed on my console when compiling with the…
fegemo
  • 2,475
  • 6
  • 20
  • 40
17
votes
2 answers

Remote font imports with css minification

I'm trying to concatenate & minify all bower package assets including css. One of them is bootswatch design and it imports google fonts. Problem is, running css tasks on it results in timeout exception. I'm guessing it is trying to download those…
Felini
  • 465
  • 4
  • 15
15
votes
4 answers

Bootstrap icons (Glyphicons) are positioned slightly up when using Google Fonts, how can I solve that issue?

If I add the following Google Fonts in the head tag of the document Bootstrap icons (Glyphicons) are positioned slightly up, as You can see at this…
Max
  • 4,965
  • 17
  • 49
  • 64
14
votes
4 answers

SCSS: How can import a Google Font inside a SCSS file?

I'm trying to import a Google Font inside the main.scss file, but following code didn't work: @import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700"); Is there a way to do that? I looking for this question in stackoverflow, but I…
Albert Font
  • 546
  • 1
  • 3
  • 11
14
votes
3 answers

Heroku not loading Google fonts

I'm running a site on Heroku, and having some troubles getting a google font to load. My typography.sass file contains this: @import url(http://fonts.googleapis.com/css?family=Bitter) h1 font-family: 'Bitter', Helvetica, serif My production.rb…
oolong
  • 665
  • 6
  • 20
13
votes
1 answer

Does -webkit-font-smoothing only work on Mac browsers, Not windows?

Does -webkit-font-smoothing properties only work on Mac browsers, Not windows? I'm using a Google font and try to make it smooth in Google Chrome for Windows. I found -webkit-font-smoothing: antialiased; is the solution in Google search but it's…
Jitendra Vyas
  • 148,487
  • 229
  • 573
  • 852
13
votes
5 answers

Any ideas why tag doesn't work but CSS does?

Some Title .bold { font-weight:bold; } This renders boldly, however this: Some Title Does not. It just renders as regular text. I'm using the HTML5 doctype and the Google font:
Tom Gullen
  • 61,249
  • 84
  • 283
  • 456
13
votes
1 answer

Best way to load Google fonts , @import or javascript

I wonder what is the best way to load fonts from Google Fonts. I googled and founded way better than @import. Are there any tools to measure speed and performance over network and browser? What about javascript method?
Nishantha
  • 6,065
  • 6
  • 33
  • 51
12
votes
1 answer

Can I load Google fonts with Matplotlib and Jupyter?

I am using Roboto Condensed font, which I downloaded on my laptop, for figures plotted with matplotlib. I am wondering if it is possible to import the font "on the fly", like CSS @import, from Google Fonts and use it straightforwardly with…
Flavien Lambert
  • 690
  • 1
  • 9
  • 22
12
votes
2 answers

How to get smooth Google fonts?

I formerly used the plugin WP Google Fonts, which hasn't got my requested feature, either. For now I'm using Google fonts with an implemented feature in the currently used theme. The fonts are embedded without trouble and they are shown…
Trollwut
  • 541
  • 1
  • 7
  • 23
11
votes
1 answer

locally installed TTF overrides Google fonts

I'm using the Ubuntu font from Google Fonts: My stylesheet: body { font-family:…
Martin
  • 2,302
  • 2
  • 30
  • 42
11
votes
1 answer

@font-face vs Google Fonts vs Cufon

So I've been forced by circumstances into using @font-face on a site I'm developing, and have to say I'm impressed by the cross browser render quality compared to Google Fonts but it does seem to have a heavy impact on http requests compared to…
toomanyairmiles
  • 6,465
  • 8
  • 43
  • 71
11
votes
1 answer

Is it possible to specify a font version in the google fonts api?

A Google font we use (Pacifico) recently had a rather radical redesign to the capital 'L'. As we use this for our product with a name begging with 'L' this caused a rather radical change in the look to our product. Digging into it, I noticed that…
lukens
  • 479
  • 4
  • 10
11
votes
3 answers

Font family Open Sans not working

I'm using Open Sans font for my website but it is not working across all computer and I can't figure it why. I'm calling it in my tag. I tried https or http or // and the result is the same.
ZazOufUmI
  • 3,212
  • 6
  • 37
  • 67
11
votes
1 answer

Google Fonts giving: No 'Access-Control-Allow-Origin' header is present on the requested resource

I'm trying to use a google font 'Oswald'. When i embed it into my page in the recommended way: Chrome throws the following…
deweydb
  • 2,238
  • 2
  • 30
  • 37
1
2
3
…
36 37