<

Using @font-face in CSS to Embed Custom Fonts

Posted on
6,622 Points
122 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
0 Comments

Featured Post

Should you be charging more for IT Services?

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Suggested Videos

Title Views Activity
Navigation Hover Effects with CSS Sprites 292
Using Google Font API in CSS 69
Introduction to CSS (Part 1) 80
Flexible Layouts 69
This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!

Keep in touch with Experts Exchange

Tech news and trends delivered to your inbox every month