Graphics Reference
In-Depth Information
3.8.3 Embedding Fonts in Edge Animate
Let us look at how to integrate the selected fonts into your Edge Animate proj-
ect. We will use two fonts from the pool of Google Fonts as a starting point: Dosis
and Bad Script.
The two embed code are as follows:
<link href='http://fonts.googleapis.com/
css?family=Dosis' rel='stylesheet' type='text/css'>
. Problems Loading the
Font?
If you have problems with loading
custom fonts, first check your
firewall settings. These often prevent
loading font information from Edge
Animate.
<link href='http://fonts.googleapis.com/
css?family=Bad+Script' rel='stylesheet' type='text/
css'>
The font families in the CSS appear as follows:
font-family: 'Dosis', sans-serif;
font-family: 'Bad Script', cursive;
Once you have this information, you can add the fonts to Edge Animate in
the Fonts section on the Library panel by clicking the + icon on the right. In the
dialog, first indicate the Font Fallback List with the font names. This Fallback List
ensures that a suitable font is selected as an alternative in case the primary font
cannot be used for any reason (e.g., not supported by the browser, download
error). Next, add the embed code for each font and save the settings.
Figure 3.43
Custom fonts can be added using an
embed code
Repeat the procedure for the second font. Even though font services such as
Google Fonts can combine multiple fonts in an embed code, the first version of
Edge Animate requires you to add the fonts separately.
Once the fonts have been added, they appear in the Property panel along
with the other fonts and can be assigned to any text elements.
 
Search WWH ::




Custom Search