google-font-api

问题 I'm trying to import a google font into my a sass file, right at the top before all other styles. I am using webpack laravel mix, and I am also using the google font v2 API link. @import url("https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&display=swap"); The problem with the new css2 link, it contains semi-colons and creates css parse errors. The sass file actually compiles fine, but this is the output of the css file... @import url(https://fonts.googleapis.com/css2

问题 first I want to thank all of the great people in this site. Without the help of SO I would be so lost. I am trying to reference the typography from google fonts. The problem is that when I push the changes the font will be displayed on the console but, it won't render on the actual website. Here is how I am importing to the code <style> @import url('https://fonts.googleapis.com/css?family=Poppins:400,700,900'); </style> .text{ font-family: 'poppins-bold', sans-serif !important; font-size: 6

问题 I am using sublime 3 for html and css. I have saved the files with proper extension. Have used google fonts to add the font "Lobster". When I open this .html file on google chrome, it isn't working (i.e., the lobster font) but it's working when I try to run it on codepen. I'm using a system running on windows xp. I tried running the same thing on my laptop with windows 10 and the chrome browser is updated but the problem isn't going. It's working on the editor of stack overflow as well. .nav

问题 for my website I'm using couple of google fonts: @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700); @import url(https://fonts.googleapis.com/css?family=Raleway:300,400,300italic,400italic&subset=latin,latin-ext); @font-face { font-family: 'Montserrat', sans-serif; font-family: 'Raleway', sans-serif; } The work well in Chrome and Safari, but in Firefox (I tried 47 and 47.0.1) the font "Montserrat" is not displaied. It's very curious because I get no network error or no

问题 I have spent almost the whole day trying to find a solution to this problem. I have successfully written code to dynamically retrieve and display the whole lot of fonts using the Google fonts API and jQuery 1.4.4. (works in all browsers) I have had to change jQuery to version 1.7.2 and unfortunately noticed that the code I wrote works well in all browsers except for Internet Explorer. I did some testing and found that in Internet Explorer $.getJSON or $.ajax fail to load the JSON font data

问题 This website is failing to show the Google font 'Rokkitt' on IE11, it works fine on other browsers. Is this down to the font developer or is it down to font-face issues in IE11? Any help would be massively appreciated. Website is found here: CLICK HERE 回答1: The problem is that your markup specifies IE8 emulation mode: <meta http-equiv="X-UA-Compatible" content="IE-EmulateIE8"></meta> The Google font loader, though, only has access to the User-Agent string. It knows that the browser is IE11,

问题 I am playing with Downloadable fonts api. I downloaded the Google sample application and also incorporated the code into my project. Both run successfully but some fonts consistently fail to download both from my app and from the sample app. I use FontsContractCompat.requestFont and gets a callback to onTypefaceRequestFailed(int reason) with reason 1. The documentation says it means "FAIL_REASON_FONT_NOT_FOUND". I assume those fonts should exist because: 1) They appear in an xml file that

问题 I have downloaded the Open Sans Condensed Light font from Google Web Fonts, and also attached their CSS code: <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=greek-ext&v2' rel='stylesheet' type='text/css'> But every browser other than Firefox, shows exact font family i.e. it looks fine in IE, Chrome, Safari, but not in Firefox. Here is my CSS and the HTML code: h2.title-border { border-bottom: 1px solid #000; margin-top: 10px; line-height: 45px; margin-bottom

问题 I am using google font on my site. Some clients in china said that the site load very slow. I checked it, it is causing by the google fonts. I looked the google font faq, they said it will download the font file to the customer's computer before loading the site. Are there any way to fixed this slow loading issue? 回答1: This was a known issue... Google Fonts were slow loading in China. Previously you could serve mirrors of the fonts through Qihoo 360 CDN servers in China. However, as of August

问题 I have seen the past documentation regarding Caja and filtering the use of Google Fonts. There hasn't been any recent action on the web regarding this issue. Does anyone know of a way to use Google Fonts when creating a templated page via web apps? I have tried the instructions it provides on the Google api pages but it always defaults to the default font. Other post seem to have been idle for a while and I thought someone might have figured out a way to pull it off. 回答1: Simple solution,