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

Google Font API uses browser detection. How to get all font variations for font-face

I just discovered that Google Font API uses browser detection This means that when you open http://fonts.googleapis.com/css?family=Racing+Sans+One it will show the content needed only for your current browser So I can't just grab that and use in my…
mowgli
  • 2,796
  • 3
  • 31
  • 68
11
votes
3 answers

How to identify all weights of all fonts used on page/site

I'm using Google webfonts. Initially, I include all the weights of a given family so I can choose all the ones I want. So for example:
Heraldmonkey
  • 2,111
  • 2
  • 19
  • 29
10
votes
10 answers

Open Sans Condensed Light not working in Firefox

I have downloaded the Open Sans Condensed Light font from Google Web Fonts, and also attached their CSS code:
Balkar Kalsi
  • 392
  • 2
  • 6
  • 17
10
votes
1 answer

Gatsby.js: Load Google Fonts for Typography themes without Render-Blocking

I'm using Gatsby.js and its Typography plugin with the Irving theme. This theme requires the Google Fonts "Exo" and "Yrsa", and adds an import to the section of the exported static html files:
dougmacklin
  • 2,560
  • 10
  • 42
  • 69
10
votes
2 answers

How to use Google Noto Color Emoji front from CDN via CSS

I there any way to use Google's color emoji font from CDN? I was trying to use it in a jsfiddle but couldn't figure out how.
Mladen Mihajlovic
  • 6,095
  • 7
  • 40
  • 55
10
votes
2 answers

Montserrat font isn't displayed on IE 10 and 11

In this website http://themescreators.com/ela/ I am using some google fonts. All of them work well on Chrome, FF.. but on IE 10 and 11 on Windows 7, "Montserrat" font doesn't display. I have really not idea about what can be the issue, is IE…
ThemesCreator
  • 1,749
  • 6
  • 27
  • 49
10
votes
2 answers

How to keep CSS from render-blocking my website?

I am trying to optimize the loading speed of my mobile webpage, and for that effect I am using the website: https://developers.google.com/speed/pagespeed/insights This website evaluates my source and tells me what I can improve. In my website I…
Flame_Phoenix
  • 16,489
  • 37
  • 131
  • 266
9
votes
1 answer

Google's Open Sans font weight

I am using Google Open Sans fonts in an html page via: Only the font-weight: 600; makes the font bold. Other values don't seem to make a difference. How…
Ron
  • 14,674
  • 4
  • 34
  • 47
9
votes
6 answers

How to use Google Fonts in Less CSS?

I'm looking for a solution to embed Google Fonts or any other custom fonts in Less CSS. How can I embed the given font?
user3169289
  • 121
  • 1
  • 1
  • 2
9
votes
2 answers

How to load self hosted font files if the GoogleFont service is unavailable?

I want to use a font collection from Google Fonts directory. I selected the styles and include the CSS link tag in my project's template. Alternatively, with Google Fonts you can also download the collection, and what you get is a zip file with all…
Armando Pérez Marqués
  • 5,661
  • 4
  • 28
  • 45
8
votes
3 answers

'ASAP' & 'UBUNTU 'google font suddenly disformed

We've been using the ASAP font in our web application for the past years without a problem. Suddenly we started noticing deformities using the 'ASAP' google font. They only occured when the font was used to render < 16px font-size. Same issues…
Olaf
  • 1,038
  • 8
  • 20
8
votes
1 answer

How to make Open Sans Light to work in Chrome?

This is a simple example of how to use Open Sans from Google API. The expected behaviour is to display the first line lighter (font-weight 300) than the second. As far as Windows is concerned, this works on current releases of FF and Edge, but not…
Niccolò
  • 2,854
  • 4
  • 24
  • 38
8
votes
2 answers

Manipulate unicode-range while importing from Google Fonts

My question can be seen as a follow-up of this answer. I use Google Fonts for my project and now want to change the unicode-range, so only numbers are affected (see linked answer above). My problem is that I don't get it to work with an…
Colonize.bat
  • 188
  • 1
  • 11
8
votes
3 answers

Strange Issue while Google Font Rendering

So I am using the fonts this way