<

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
Creating an Image Sprite 87
Alpha Transparency in CSS 113
Using Google Font API in CSS 69
Introduction to CSS (Part 2) 115
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…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.

Keep in touch with Experts Exchange

Tech news and trends delivered to your inbox every month