<

Using @font-face in CSS to Embed Custom Fonts

Posted on
6,586 Points
86 Views
Last Modified:
Experience Level: Beginner
4:56
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
Comment
0 Comments

Featured Post

Cloud Class® Course: Python 3 Fundamentals

This course will teach participants about installing and configuring Python, syntax, importing, statements, types, strings, booleans, files, lists, tuples, comprehensions, functions, and classes.

Join & Write a Comment

Suggested Videos

When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.

Keep in touch with Experts Exchange

Tech news and trends delivered to your inbox every month