summaryrefslogtreecommitdiff
path: root/fonts/webfonts/README.MD
diff options
context:
space:
mode:
Diffstat (limited to 'fonts/webfonts/README.MD')
-rw-r--r--fonts/webfonts/README.MD35
1 files changed, 35 insertions, 0 deletions
diff --git a/fonts/webfonts/README.MD b/fonts/webfonts/README.MD
new file mode 100644
index 0000000..811ad40
--- /dev/null
+++ b/fonts/webfonts/README.MD
@@ -0,0 +1,35 @@
+# The Montserrat Font Project
+To use this font as a webfont, ```Montserrat.css``` is included.
+
+## How to use
+### 1. @import
+You can import the file into your stylesheet as follows:
+```css
+@import url("static/fonts/Montserrat/fonts/webfonts/Montserrat.css");
+```
+
+**NOTE:** The directory where the stylesheet is placed.
+
+Then we can use it to style elements:
+```css
+body {
+ font-family: 'Montserrat', sans-serif;
+ font-weight: 400;
+}
+```
+
+### 2. \<link>ing a stylesheet
+Similarly, you could link to the same asset as you would any other CSS filter, in the \<head> of the HTML document rather than in the CSS:
+```html
+<link rel="stylesheet" type="text/css" href="static/fonts/Montserrat/fonts/webfonts/Montserrat.css">
+```
+
+**NOTE:** The directory where the stylesheet is placed.
+
+Then we can use it to style elements:
+```css
+body {
+ font-family: 'Montserrat', sans-serif;
+ font-weight: 400;
+}
+``` \ No newline at end of file