yapp 4.0.89 → 4.0.91
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -12
- package/example.html +2 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -190,9 +190,7 @@ If you choose to enable Fira Code then you need to provide the necessary web fon
|
|
|
190
190
|
```
|
|
191
191
|
@font-face {
|
|
192
192
|
font-family: "Fira Code";
|
|
193
|
-
src: url("css/woff2/FiraCode-Light.woff2")
|
|
194
|
-
url("css/woff2/FiraCode-Light.woff") format("woff");
|
|
195
|
-
font-weight: 300;
|
|
193
|
+
src: url("css/woff2/FiraCode-Light.woff2");
|
|
196
194
|
font-style: normal;
|
|
197
195
|
}
|
|
198
196
|
```
|
|
@@ -201,15 +199,8 @@ You do not have to provide this, rendering Yapp's styles will do so, but it is r
|
|
|
201
199
|
You can also preload the font files by putting the following in the header of the containing HTML page:
|
|
202
200
|
|
|
203
201
|
```
|
|
204
|
-
<link rel="preload" href="${host}/css/woff2/FiraCode-Bold.woff2" as="font" type="font/woff2" crossorigin>
|
|
205
|
-
<link rel="preload" href="${host}/css/woff2/FiraCode-
|
|
206
|
-
<link rel="preload" href="${host}/css/woff2/FiraCode-Medium.woff2" as="font" type="font/woff2" crossorigin>
|
|
207
|
-
<link rel="preload" href="${host}/css/woff2/FiraCode-Regular.woff2" as="font" type="font/woff2" crossorigin>
|
|
208
|
-
|
|
209
|
-
<link rel="preload" href="${host}/css/woff/FiraCode-Bold.woff" as="font" type="font/woff" crossorigin>
|
|
210
|
-
<link rel="preload" href="${host}/css/woff/FiraCode-Light.woff" as="font" type="font/woff" crossorigin>
|
|
211
|
-
<link rel="preload" href="${host}/css/woff/FiraCode-Medium.woff" as="font" type="font/woff" crossorigin>
|
|
212
|
-
<link rel="preload" href="${host}/css/woff/FiraCode-Regular.woff" as="font" type="font/woff" crossorigin>
|
|
202
|
+
<link rel="preload" href="${host}/css/woff2/FiraCode-Bold.woff2" as="font" type="font/woff2" crossorigin >
|
|
203
|
+
<link rel="preload" href="${host}/css/woff2/FiraCode-Regular.woff2" as="font" type="font/woff2" crossorigin >
|
|
213
204
|
```
|
|
214
205
|
|
|
215
206
|
A `host` variable has been included here, the value of which should be the same as the `host` argument passed to the `firaCodeStyle()` function mentioned in the section on syntax styles further down. You may need to change the markup in the above snippet, depending on your templating library.
|
package/example.html
CHANGED
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<title>Yapp</title>
|
|
5
5
|
|
|
6
|
-
<link rel="preload" href="css/woff2/FiraCode-Bold.woff2" as="font" type="font/woff2" crossorigin>
|
|
7
|
-
<link rel="preload" href="css/woff2/FiraCode-Regular.woff2" as="font" type="font/woff2" crossorigin>
|
|
6
|
+
<link rel="preload" href="css/woff2/FiraCode-Bold.woff2" as="font" type="font/woff2" crossorigin >
|
|
7
|
+
<link rel="preload" href="css/woff2/FiraCode-Regular.woff2" as="font" type="font/woff2" crossorigin >
|
|
8
8
|
|
|
9
9
|
<style>
|
|
10
10
|
|