|
This post originated from an RSS feed registered with Web Buzz
by Lee v.
|
Original Post: Font Embedding with CSS - @font-face
Feed Title: IT Jungles
Feed URL: http://www.itjungles.com/rss
Feed Description: Learn all tech stuff at ITJungles.com
|
Latest Web Buzz Posts
Latest Web Buzz Posts by Lee v
Latest Posts From IT Jungles
|
|
With the @font-face {...} selector you have the possibility to import a font in a webpage. If it is not installed on the visitors computer, it is temporally available during the visit of your page. Sounds good, is as simple solution by following css:
<style type="text/css">
@font-face {
font-family:'FrizQuadrataBTRoman';
src: url('/../fonts/friz_quadrata_bt-webfont.eot?') format('eot'),
url('../fonts/friz_quadrata_bt-webfont.woff') format('woff'),
url('../fonts/friz_quadrata_bt-webfont.ttf') format('truetype'),
url('../fonts/friz_quadrata_bt-webfont.svg#webfontyNrUJAgQ') format('svg');
font-weight: normal;
font-style: normal;
}
</style>
It validates as CSS2, CSS3
Read: Font Embedding with CSS - @font-face