首先,你需要在Google Fonts网站(https://fonts.google.com/)上选择你想要使用的字体。浏览并选择适合你项目的字体,然后点击右上角的"+ Select this style"按钮。 在弹出的选项卡中,你可以自定义字体的样式,例如字重、斜体等。完成后,点击底部的"Embed"选项卡。
yarn add gatsby-plugin-google-fonts// ornpm install gatsby-plugin-google-fonts--save Add some fonts to yourgatsby-config.js: module.exports={siteMetadata:{title:`I like Google fonts`},plugins:[{resolve:`gatsby-plugin-google-fonts`,options:{fonts:[`limelight`,`source sans pro\:300,400,400...
Google字体可以在npmjs.org上找到,其名称typeface-XXXXXX表示Google字体网站上字体家族的名称。
Web Font 是指这里的字体:Google Fonts,Typekit,Fonts.com, andFontdeck,使用时注意版权。 1、怎么使用? 安装插件:gatsby-plugin-web-font-loader shell npm install --save gatsby-plugin-web-font-loader # or yarn add gatsby-plugin-web-font-loader 增加配置,项目启动会自动下载字体 js // gatsby-config....
// v5 (gatsby-plugin-offline-next)plugins:[{resolve:`gatsby-plugin-offline-next`,options:{precachePages:["about"],cacheId:"some-cache-id",offlineGoogleAnalytics:true,cleanupOutdatedCaches:true,directoryIndex:"index.html",},},] TheruntimeCachingoption is no longer supported in 5.x. If you pr...
gatsby-plugin-typographysupports two options: pathToConfigModule: this is the config path. omitGoogleFont: a helper function to request Google fonts from standard CDN. If set totrue, you can use an alternative CDN config. Next, you will need atypography.jsconfiguration file as specified in the...
^2.4.21 => 2.4.21 gatsby-plugin-fullstory: ^2.3.14 => 2.3.14 gatsby-plugin-google-fonts: ^1.0.1 => 1.0.1 gatsby-plugin-google-tagmanager: ^2.3.16 => 2.3.16 gatsby-plugin-manifest: ^2.4.35 => 2.4.35 gatsby-plugin-preload-fonts: ^1.2.28 => 1.2.28 gatsby-plugin-react-helmet...
"dependencies": { "babel-plugin-styled-components": "^1.8.0", : "gatsby": "^2.0.19", "gatsby-plugin-favicon": "^3.1.4", "gatsby-plugin-google-fonts": "0.0.4", "gatsby-plugin-offline": "^2.0.5", "gatsby-plugin-react-helmet": "^3.0.0", "gatsby-plugin-styled-co...
{/* Include plugin */resolve:"gatsby-omni-font-loader",/* Plugin options */options:{/* Font loading mode */mode:"async",/* Enable font loading listener to handle FOUT */enableListener:true,/* Preconnect URL-s. This example is for Google Fonts */preconnect:["https://fonts.gstatic.com...
I'm stuck on a strange issue in Gatsby and it occurs only when I want to animate elements with gsap and scrolltrigger plugin. Basically when I click <Link> element everything is ok, but immediately after I add in code gsap animation based on ScrollTrigger (normal gsap is working fine) so...