Loading font through CSS to avoid font loading flash
This commit is contained in:
parent
fb4a130b3c
commit
3ce3a886ed
@ -11,15 +11,6 @@ module.exports = {
|
|||||||
},
|
},
|
||||||
plugins: [
|
plugins: [
|
||||||
'gatsby-plugin-react-helmet',
|
'gatsby-plugin-react-helmet',
|
||||||
'gatsby-plugin-postcss',
|
'gatsby-plugin-postcss'
|
||||||
{
|
|
||||||
resolve: 'gatsby-plugin-web-font-loader',
|
|
||||||
options: {
|
|
||||||
google: {
|
|
||||||
families: ['Bangers'],
|
|
||||||
text: 'Regxpr'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
]
|
||||||
};
|
};
|
||||||
|
@ -34,7 +34,6 @@
|
|||||||
"gatsby": "^2.0.81",
|
"gatsby": "^2.0.81",
|
||||||
"gatsby-plugin-postcss": "^2.0.2",
|
"gatsby-plugin-postcss": "^2.0.2",
|
||||||
"gatsby-plugin-react-helmet": "^3.0.5",
|
"gatsby-plugin-react-helmet": "^3.0.5",
|
||||||
"gatsby-plugin-web-font-loader": "^1.0.4",
|
|
||||||
"postcss-cssnext": "^3.1.0",
|
"postcss-cssnext": "^3.1.0",
|
||||||
"postcss-import": "^12.0.1",
|
"postcss-import": "^12.0.1",
|
||||||
"prop-types": "^15.6.2",
|
"prop-types": "^15.6.2",
|
||||||
|
@ -1,3 +1,4 @@
|
|||||||
|
@import url('//fonts.googleapis.com/css?family=Bangers&text=Regxpr');
|
||||||
@import url('./globals.module.css');
|
@import url('./globals.module.css');
|
||||||
|
|
||||||
html {
|
html {
|
||||||
|
13
yarn.lock
13
yarn.lock
@ -4711,14 +4711,6 @@ gatsby-plugin-react-helmet@^3.0.5:
|
|||||||
dependencies:
|
dependencies:
|
||||||
"@babel/runtime" "^7.0.0"
|
"@babel/runtime" "^7.0.0"
|
||||||
|
|
||||||
gatsby-plugin-web-font-loader@^1.0.4:
|
|
||||||
version "1.0.4"
|
|
||||||
resolved "https://registry.yarnpkg.com/gatsby-plugin-web-font-loader/-/gatsby-plugin-web-font-loader-1.0.4.tgz#c50bdb0c1980110b3fd213a5be70feb2459514c3"
|
|
||||||
integrity sha512-3c39bX9CcsYJQFhhmTyjuMJSqpld2rX+HsTOxP9k1PKFR4Rvo3lpzBW4d1tVpmUesR8BNL6u9eHT7/XksS1iog==
|
|
||||||
dependencies:
|
|
||||||
babel-runtime "^6.26.0"
|
|
||||||
webfontloader "^1.6.28"
|
|
||||||
|
|
||||||
gatsby-react-router-scroll@^2.0.2:
|
gatsby-react-router-scroll@^2.0.2:
|
||||||
version "2.0.2"
|
version "2.0.2"
|
||||||
resolved "https://registry.yarnpkg.com/gatsby-react-router-scroll/-/gatsby-react-router-scroll-2.0.2.tgz#d8046ce2f3bfa52ef6ec55804007d976b0bb6bef"
|
resolved "https://registry.yarnpkg.com/gatsby-react-router-scroll/-/gatsby-react-router-scroll-2.0.2.tgz#d8046ce2f3bfa52ef6ec55804007d976b0bb6bef"
|
||||||
@ -10143,11 +10135,6 @@ wbuf@^1.1.0, wbuf@^1.7.3:
|
|||||||
dependencies:
|
dependencies:
|
||||||
minimalistic-assert "^1.0.0"
|
minimalistic-assert "^1.0.0"
|
||||||
|
|
||||||
webfontloader@^1.6.28:
|
|
||||||
version "1.6.28"
|
|
||||||
resolved "https://registry.yarnpkg.com/webfontloader/-/webfontloader-1.6.28.tgz#db786129253cb6e8eae54c2fb05f870af6675bae"
|
|
||||||
integrity sha1-23hhKSU8tujq5UwvsF+HCvZnW64=
|
|
||||||
|
|
||||||
webpack-dev-middleware@3.4.0, webpack-dev-middleware@^3.0.1:
|
webpack-dev-middleware@3.4.0, webpack-dev-middleware@^3.0.1:
|
||||||
version "3.4.0"
|
version "3.4.0"
|
||||||
resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-3.4.0.tgz#1132fecc9026fd90f0ecedac5cbff75d1fb45890"
|
resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-3.4.0.tgz#1132fecc9026fd90f0ecedac5cbff75d1fb45890"
|
||||||
|
Loading…
Reference in New Issue
Block a user