From be1f9cea4c704b53777d2607d41f40a237f2b4e3 Mon Sep 17 00:00:00 2001 From: Julien Deswaef Date: Wed, 7 Mar 2018 16:59:13 -0500 Subject: [PATCH] new version Wed Mar 7 16:59:13 EST 2018 --- assets/fork-awesome/scss/_path.scss | 14 +++++----- assets/fork-awesome/scss/_variables.scss | 7 +++-- get-started/index.html | 33 +++++++++++++----------- 3 files changed, 28 insertions(+), 26 deletions(-) diff --git a/assets/fork-awesome/scss/_path.scss b/assets/fork-awesome/scss/_path.scss index a1a6d04d1..5480425ea 100644 --- a/assets/fork-awesome/scss/_path.scss +++ b/assets/fork-awesome/scss/_path.scss @@ -3,13 +3,13 @@ @font-face { font-family: '#{$fa-font-family}'; - src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}'); - src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'), - url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'), - url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'), - url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'), - url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg'); -// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts + src: url('#{$fa-font-path}/forkawesome-webfont.eot?v=#{$fa-version}'); + src: url('#{$fa-font-path}/forkawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'), + url('#{$fa-font-path}/forkawesome-webfont.woff2?v=#{$fa-version}') format('woff2'), + url('#{$fa-font-path}/forkawesome-webfont.woff?v=#{$fa-version}') format('woff'), + url('#{$fa-font-path}/forkawesome-webfont.ttf?v=#{$fa-version}') format('truetype'), + url('#{$fa-font-path}/forkawesome-webfont.svg?v=#{$fa-version}#forkawesomeregular') format('svg'); +// src: url('#{$fa-font-path}/ForkAwesome.otf') format('opentype'); // used when developing fonts font-weight: normal; font-style: normal; } diff --git a/assets/fork-awesome/scss/_variables.scss b/assets/fork-awesome/scss/_variables.scss index ad1d67613..6ed174d8d 100644 --- a/assets/fork-awesome/scss/_variables.scss +++ b/assets/fork-awesome/scss/_variables.scss @@ -4,10 +4,9 @@ $fa-font-path: "../fonts" !default; $fa-font-size-base: 14px !default; $fa-line-height-base: 1 !default; -//$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome//fonts" !default; // for referencing Bootstrap CDN font files directly -$fa-css-prefix: !default; -$fa-font-family: !default; -$fa-version: "" !default; +$fa-css-prefix: "fa" !default; +$fa-font-family: "ForkAwesome" !default; +$fa-version: "1.0.10" !default; $fa-border-color: #eee !default; $fa-inverse: #fff !default; $fa-li-width: (30em / 14) !default; diff --git a/get-started/index.html b/get-started/index.html index 0a16c19ac..5b4045152 100644 --- a/get-started/index.html +++ b/get-started/index.html @@ -128,6 +128,23 @@
+
+

+ Use a CDN for Fork Awesome + simple +

+ +
+
+

The simplest way to get Fork Awesome in your project is to copy the line below in between the <head> tags of your HTML source files. Then check the examples to start displaying icons. +

+

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.0.10/css/fork-awesome.min.css" integrity="sha256-MJocQFrXYBrLYBcgXsrZDp5b8/fC51HP3+6yrY74XXI=" crossorigin="anonymous">
+
+

+

Thanks to jsDelivr for providing the CDN for Fork Awesome

+
+
+

@@ -155,7 +172,7 @@

Using CSS

    -
  1. Copy the entire font-awesome directory into your project.
    2. +
  2. Copy the entire fork-awesome directory into your project.
  3. In the <head> of your html, reference the location to your font-awesome.min.css. 
    <link rel="stylesheet" href="path/to/fork-awesome/css/fork-awesome.min.css">
@@ -184,20 +201,6 @@
-
-

Using Fork Awesome with a CDN

-
- -
-
-

Thanks to jsDelivr, Fork Awesome is available via a CDN as well.

-

-

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.0.10/css/fork-awesome.min.css" integrity="sha256-MJocQFrXYBrLYBcgXsrZDp5b8/fC51HP3+6yrY74XXI=" crossorigin="anonymous">
-
-

-
-
-

More Information