<

Using @font-face in CSS to Embed Custom Fonts

Posted on
6,624 Points
124 Views
Last Modified:
Published
Experience Level: Beginner
4:55
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS

Video Steps

1. Select a font

2. Ensure the EULA allows you to use @font-face

3. Download the font

4. Get the browser-compatible files you need

5. Edit your CSS - Name the font - Reference the font files - Specify the formats

6. Style other elements in CSS

7. Save and refresh to view changes

0
0 Comments

Suggested Videos

Title Views Activity
Box Shadow Effect in CSS 151
Introduction to CSS (Part 2) 115
Lists and Links 106
Flexible Layouts 74
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.

Keep in touch with Experts Exchange

Tech news and trends delivered to your inbox every month