google-font-api

问题 I'm building a set of utilities for applying google fonts - superfly-css-utilities-fonts. I would like to include all the Google font urls such that the utility classes can be built like this: @import url('https://fonts.googleapis.com/css?family=Open+Sans'); @import url('https://fonts.googleapis.com/css?family=Montserrat'); @import url('https://fonts.googleapis.com/css?family=Roboto'); @import url('https://fonts.googleapis.com/css?family=Lato'); /** All fonts fallback to the same variable -

问题 Hey guys google web fonts not loading on Firefox and ie9. Yesterday they was working good but today no luck. Does anyone else having this problem? <link href='http://fonts.googleapis.com/css?family=Marvel' rel='stylesheet' type='text/css'> <style type="text/css"> .a{ font-family:'Marvel', sans-serif;} </style> . . <div class="a">Example Text</div> working on all browsers except of ie9 and firefox.. 回答1: the same for me, with "Terminal Dosis" font, since a few hours. I guess it's a temporary

问题 I'm having difficulty getting google fonts to work in Chrome I'm using Google's suggested link element to retrieve the font (which dev tools confirms works fine). link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto+Condensed:400italic" In the CSS file I'm setting the font-family to 'Roboto Condensed' for all h2, button, select and input elements In Google Chrome only the fonts are not displayed. I've uploaded the actual files I'm having a problem with to here http:/

问题 The following font declaration is not working in Internet Explorer 11. font:300 28px/1.1em 'Lora', arial, sans-serif; The text is displayed in arial instead of Lora . Lora is a Google Font. It's working however in Mozilla Firefox, QupZilla and Google Chrome. But when I change the declaration to font:300 28px/1.1em 'Lora'; it's working in IE 11. What could be the problem? It gets even stranger : When I save the website as an *.html file to my local disc, the font is displayed correctly. :-(

问题 I'm using Google Fonts, and have imported it in less . Here is my code: main.less #container { @import url(http://fonts.googleapis.com/css?family=Raleway:300); .like { font-family: 'Raleway', sans-serif; } } This doesn't work. but if I put @import url(http://fonts.googleapis.com/css?family=Raleway:300); before #container , it does. I'm guessing this maybe because of path, but I don't know why. How do I fix this? 回答1: "Your @imports must come before all other content in your CSS. And I mean

问题 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 download a font: <link href="//fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet"> and aparently this is blocking the rendering of my page. Now, if this was JavaScript I could use the async word in the tag and it would fix the problem,

问题 I'm trying to use Google Font on a page. In my html I used: <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'> And in my CSS: @import url('http://fonts.googleapis.com/css?family=Open+Sans'); Still whenI use "Open Sans" with the font-family attribute it stays on Arial. body { background-color: #F1F1F2; font-family: "Open Sans", Arial; } 回答1: Using google font on any webpage is very easy and you can load the fonts asynchronously. If you don't

问题 I'm building a web page that uses Google WebFonts (open sans) on a PC and it works perfectly, but when I try it on a mac computer it shows a question mark within the text. Why is this? 回答1: The character you are seeing is the replacement character, which is used when a font does not contain a particular Unicode character, in this case, "ñ" AKA U+00F1 AKA "Latin small letter n with tilde". Google Open Sans does contain this character, so it seems that Safari is not correctly getting the font

问题 I use Ubuntu google font on this page. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300|Ubuntu+Condensed&subset=latin,latin-ext' rel='stylesheet' type='text/css'> But I have found out that font-weight is totally different in chrome than in firefox. Chrome: http://i.stack.imgur.com/Hh2y3.png Firefox: http://i.stack.imgur.com/on3Lp.png The funny thing is that until today it had looked exactly the same in chrome as in firefox. But today the font in chrome has become bolder. I have

问题 I have a website that's using the Open Sans typeface from Google Fonts. Now for some reason, when I have Open Sans running (either by using the embed codes provided on the Google Fonts website or by using @type-face to store the fonts locally) the site will sporadically fail to load at all. It may load the first time you get to the site but if you try to refresh the page it stalls and you have to close the tab to proceed. This ONLY ever happens in Chrome. I've been working on this issue for a