My own font-face in CSS

Submitted by:Andery Smith

Date added:23 December, 2015

Category:CSS

It allows you to add your own fonts on the page. To convert to different formats use this service Font2Web.

Tags: font face , convert font , font to web

Code Snippet:

    <style type="text/css">
@font-face{
font-family: 'MyFont';
src: url('myfont.eot');
src: url('myfont.eot?#iefix') format('embedded-opentype'),
url('myfont.woff') format('woff'),
url('myfont.ttf') format('truetype'),
url('myfont.svg#webfont') format('svg');
}

h1 { font-family: 'MyFont', sans-serif; }
</style>
 
 

Comments