<

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 Gradients in CSS 60
Navigation Hover Effects with CSS Sprites 312
Alpha Transparency in CSS 109
Box Shadow Effect in CSS 149
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!
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.

Keep in touch with Experts Exchange

Tech news and trends delivered to your inbox every month