feat(breaking): remove google font import

nostalgic-css · Dec 5, 2018 · 47cf2b8 · 47cf2b8
1 parent 17021d7
commit 47cf2b8
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -36,7 +36,14 @@ TODO: npm での使用方法を書く
 
 NES.css only provides components. You will need to define your own layout.
 
-The default font is Press Start 2P which only supports English characters. When you're using this framework with any language except English, please use another font.
+The default font is [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P?selection.family=Press+Start+2P) which only supports English characters. When you're using this framework with any language except English, please use another font. Please follow the [instructions](https://developers.google.com/fonts/docs/getting_started) from Google Fonts about how to include them, or simply include it as below:
+
+```html
+<head>
+    <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
+    <link href="https://unpkg.com/nes.css/css/nes.css" rel="stylesheet" />
+</head>
+```
 
 ### Recommended Fonts
 

diff --git a/index.html b/index.html
@@ -11,6 +11,7 @@
 
     <title>NES.css - NES-style CSS Framework</title>
 
+    <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
     <link href="./css/nes.css" rel="stylesheet" />
     <link href="./style.css" rel="stylesheet" />
 

diff --git a/scss/base/variables.scss b/scss/base/variables.scss
@@ -1,5 +1,4 @@
 // Font
-@import url("https://fonts.googleapis.com/css?family=Press+Start+2P");
 $font-family: "Press Start 2P" !default;
 $font-size: 16px !default;