<

[Webinar] Streamline your web hosting managementRegister Today

x

Using @font-face in CSS to Embed Custom Fonts

Posted on
6,582 Points
82 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

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Join & Write a Comment

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Suggested Courses
Course of the Month8 days, 21 hours left to enroll

Keep in touch with Experts Exchange

Tech news and trends delivered to your inbox every month