Commit 47558555 authored by Pavel Anni's avatar Pavel Anni
Browse files

Add instructions to @import typeface-*.css

parent f3e5cbb3
......@@ -43,6 +43,14 @@ Here are the steps involved.
The Gulp build recognizes the `~` URL prefix and copies the font from the npm package to the build folder (and hence bundle).
. Repeat the previous step for each font style and weight you want to use from that package.
. Add all `typeface-XXXX.css` files you have created as `@import` rules to the `site.css` file like this:
+
[source,css]
----
@import "typeface-open-sans.css";
----
. Change the CSS to use your newly imported font:
+
[source,css]
......@@ -51,6 +59,10 @@ html {
font-family: "Open Sans", sans;
}
----
+
If you are creating your UI by modifying the Default UI (this project), define your fonts in the `vars.css` file.
Look for the `/* fonts */` section.
. Test the new font by previewing your UI:
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment