RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://github.com/arielsalminen/vue-design-system/commit/a7b3badb618fb5e0e1c999940b8ea82e86aea190 below:

Adds example on how to load your own custom font files. · arielsalminen/vue-design-system@a7b3bad · GitHub

File tree Expand file treeCollapse file tree 5 files changed

+14

-5

lines changed

Filter options

Expand file treeCollapse file tree 5 files changed

+14

-5

lines changed Original file line number Diff line number Diff line change


 @@ -18,7 +18,7 @@ module.exports = {

18 18


 maxWidth: "100%",

19 19


 sidebarWidth: 240,

20 20


 fontFamily: {

21

-
 base: ["'Fira Sans'", "Helvetica", "Arial", "sans-serif"],

21

+
 base: ["'lobster-custom'", "sans-serif"],

22 22


 monospace: ["Consolas", "'Liberation Mono'", "Menlo", "monospace"],

23 23

},

24 24

},

Original file line number Diff line number Diff line change


 @@ -0,0 +1,6 @@

1

+
 @font-face {

2

+
 font-family: "lobster-custom";

3

+
 font-style: normal;

4

+
 font-weight: 400;

5

+
 src: url("./lobster.ttf") format("truetype");

6

+
 }

Original file line number Diff line number Diff line change


 @@ -5,9 +5,9 @@

5 5 6 6


 props:

7 7


 font_family_heading:

8

-
 value: "'Fira Sans', Helvetica, Arial, sans-serif"

8

+
 value: "'lobster-custom', sans-serif"

9 9


 font_family_text:

10

-
 value: "'Fira Sans', Helvetica, Arial, sans-serif"

10

+
 value: "'lobster-custom', sans-serif"

11 11


 font_weight_bold:

12 12


 value: "700"

13 13


 font_weight_semi_bold:

Original file line number Diff line number Diff line change


 @@ -5,7 +5,10 @@

5 5


 import WebFont from "webfontloader"

6 6 7 7


 WebFont.load({

8

-
 google: {

9

-
 families: ["Fira+Sans:300,400,400i,600,700"],

8

+
 custom: {

9

+
 families: ["lobster-custom:n4"],

10

+
 // You need both of these paths since Styleguidist

11

+
 // tries to find static assets from the root.

12

+
 urls: ["/assets/fonts/fonts.css", "/fonts/fonts.css"],

10 13

},

11 14

})

You can’t perform that action at this time.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4