From 38357e420ef26dada7f177a8b8231fd8c12e5dee Mon Sep 17 00:00:00 2001 From: Dave Crossland Date: Wed, 12 Feb 2020 09:29:55 -0500 Subject: [PATCH] Update about.html Move 'how to use' up above 'how to make', so the page order matches the audience size order :) --- about.html | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/about.html b/about.html index ba5ac19..541f9df 100755 --- a/about.html +++ b/about.html @@ -45,6 +45,17 @@

A Quick Overview of Variable Fonts and Color Fonts
Examples of Variable Fonts and Color Fonts +
+
+

Use Anicons for your design projects

+

Incorporate Anicons into Designs

+

Easily incorporate Anicons into design projects by installing Anicons font files onto your machine. The downloaded Anicons project file comes with static versions of the icon font with two weights: Start and End. The static versions of Anicons work in design software that doesn’t support variable fonts or color fonts.

+
Start shows the icon font at the starting stage of the animation
+

On the Web

+

Embed Anicons fonts into a webpage by copying the Anicons stylesheet into the <head> of the HTML. Add CSS to see Anicons in action!

Like with a regular font, use the @font-face declaration to first load the font. Use CSS code (font-variation-settings, hover or @keyframe) to make the icon font animations come alive. Play with code and animations on our How to Use page. Download the project and see more detailed information on Github.

+
+
+

Create your own Anicons

@@ -85,17 +96,6 @@

Two-Tone Icons

Two-tone icons must be separated by colors
-
-
-

Use Anicons for your design projects

-

Incorporate Anicons into Designs

-

Easily incorporate Anicons into design projects by installing Anicons font files onto your machine. The downloaded Anicons project file comes with static versions of the icon font with two weights: Start and End. The static versions of Anicons work in design software that doesn’t support variable fonts or color fonts.

-
Start shows the icon font at the starting stage of the animation
-

On the Web

-

Embed Anicons fonts into a webpage by copying the Anicons stylesheet into the <head> of the HTML. Add CSS to see Anicons in action!

Like with a regular font, use the @font-face declaration to first load the font. Use CSS code (font-variation-settings, hover or @keyframe) to make the icon font animations come alive. Play with code and animations on our How to Use page. Download the project and see more detailed information on Github.

-
-
-