Css3 Font And Support

Before css3  font learning , web designers had to install font on his/her computer or leptop. If you want to use some spacial font for your website you can upload this font folder on your web server and the visitor automatically download it. Before learn about css3 font you need to learn css font .

Where css3 font support:

Firefox, Chrome, Safari, and Opera support fonts of type .ttf (True Type Fonts) and .otf (OpenType Fonts).Internet Explorer 9+ supports the new  font-face rule, but it only supports fonts of type .eot (Embedded OpenType).Internet Explorer 8 and earlier versions, do not support the new  font-face rule.

use fixed font via css3 font:

Use a fixed  font as you want: In the font-face system you must need to define a font name and than point to the font file. To use the font for a html element, define the font name via font-family property of css3 font .

<html>

<head>

<style type="text/css">

@font-face

{font-family: zektonbo;

src: url('zektonbo.ttf')

,url('zektonbo.eot'); /* This only for internet explore 9+ */}

div

{font-family:zektonbo;}

</style>

</head>

<body>

<div>

By the help of css3 font-face we can use any font , there are no limitation for using font.</div>

</body>

</html>

Make a text bold by css3 text property:

You can not make blod text simply here. You have to follow another rule for making bold text.

<html>

<head>

<style type="text/css">

@font-face

{font-family: zektonbo;

src: url('zektonbo.ttf')

,url('zektonbo.eot'); /* This only for internet explore 9+ */}

@font-face

{font-family: zektonbo;

src: url('zektonbo_Bold.ttf')

,url('zektonbo_Bold.eot'); /* This only for internet explore 9+ */

font-weight:bold;}

div

{font-family:zektonbo;}

</style>

</head>

<body>

<div>

This is the system for<b> making bold text </b>in your content by css3.

</div>

</body>

</html>

css3 font

All property and value are in a table for css3 font.  In this tutorial I can not show all font property but you can practice this from css3 text property table. This may be helpful for you to learn css3-text selecting , making bold etc.

Roy Jemee is a professional Blogger. Apart of blogging he likes to play with mathematics. He knows Blogging, Wordpress, PHP, javascript , SEO and some other.