google-fonts

How to fix Ensure text remains visible during webfont load

淺唱寂寞╮ 提交于 2021-01-21 07:07:23
问题 Hi I'm facing this problem in google pagespeed I almost get my site speed to 100 the only thing remaining is Ensure text remains visible during webfont load I'm already using font-display:swap; so why is this not fixing my problem. here's my external font css @font-face { font-display: swap; font-family: 'Miriam Libre'; font-style: normal; font-weight: 400; src: local('Miriam Libre Regular'), local('MiriamLibre-Regular'), url(https://fonts.gstatic.com/s/miriamlibre/v5/DdTh798HsHwubBAqfkcBTL

How to fix Ensure text remains visible during webfont load

社会主义新天地 提交于 2021-01-21 07:06:13
问题 Hi I'm facing this problem in google pagespeed I almost get my site speed to 100 the only thing remaining is Ensure text remains visible during webfont load I'm already using font-display:swap; so why is this not fixing my problem. here's my external font css @font-face { font-display: swap; font-family: 'Miriam Libre'; font-style: normal; font-weight: 400; src: local('Miriam Libre Regular'), local('MiriamLibre-Regular'), url(https://fonts.gstatic.com/s/miriamlibre/v5/DdTh798HsHwubBAqfkcBTL

Gatsby - Adding Google fonts to Gatsby site

爱⌒轻易说出口 提交于 2020-08-20 06:17:32
问题 I'm trying to add a Google Font (Mukta Malar) in my Gatsby site. I've seen many articles on adding Google fonts to a Gatsby site and most of them seem to use this plugin: gatsby-plugin-prefetch-google-fonts. I've used the above plugin in my site by adding it in the gatsby-config.js file as: plugins: [ { resolve: `gatsby-plugin-prefetch-google-fonts`, options: { fonts: [ { family: `Mukta Malar` }, ], }, } ] and added the font family to my css file as well: * { font-family: "Mukta Malar", sans

Gatsby - Adding Google fonts to Gatsby site

非 Y 不嫁゛ 提交于 2020-08-20 06:17:27
问题 I'm trying to add a Google Font (Mukta Malar) in my Gatsby site. I've seen many articles on adding Google fonts to a Gatsby site and most of them seem to use this plugin: gatsby-plugin-prefetch-google-fonts. I've used the above plugin in my site by adding it in the gatsby-config.js file as: plugins: [ { resolve: `gatsby-plugin-prefetch-google-fonts`, options: { fonts: [ { family: `Mukta Malar` }, ], }, } ] and added the font family to my css file as well: * { font-family: "Mukta Malar", sans

downloadable fonts - can't download some google fonts

独自空忆成欢 提交于 2020-01-02 06:35:08
问题 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

“Error: Unknown Version 0” when using NodeJS PDFKit

这一生的挚爱 提交于 2019-12-25 09:57:58
问题 I'm trying to get the very excellent NodeJS PDFKit to use custom fonts OpenSans and Roboto from Google Fonts. My code looks like the following: this.doc = new PDFDocument({bufferPages: true}); this.doc.registerFont("Roboto-Black", path.join(__dirname, "fonts", "Roboto-Black.ttf")); I've printed the path - it's finding the right file. I'm getting the following error: C:\projects\qbdvision\node_modules\restructure\src\VersionedStruct.js:37 throw new Error("Unknown version " + res.version); ^

How to get these google fonts for offline use

℡╲_俬逩灬. 提交于 2019-12-24 10:45:18
问题 I'm using metronic theme for building my web application. on each page this code is the first in the <head> tag: <script> WebFont.load({ google: {"families":["Poppins:300,400,500,600,700","Roboto:300,400,500,600,700"]}, active: function() { sessionStorage.fonts = true; } }); </script> I need to get those fonts from google so that I can use them locally OFFLINE. How Can I get them? What code Should I write instead. Thanks. 回答1: fist of al download the font and go to font generator Like : https

Chrome prefers web font over local font

泪湿孤枕 提交于 2019-12-11 08:43:38
问题 I am not understanding something about the way Chrome loads google fonts. Here is my html: <html> <head> <title>Montserrat Regular Google Fonts</title> <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> </head> <body> <p style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 30px;"> "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt..." </p> </body> I have Montserrat Regular installed on my Windows 10