Html CSS Fonts

Font it is define for the characters in our letters it is use for decorating our letters and styling them by using fonts it is a tradition like a family, it is about to organize and setup our letter to be good and attraction.

Using CSS font in our Html are having different kind of distribution that we can re-size them, putting a different character for our fonts and styling from the normal letters to bold or italic font, and it is about to you how you design your own font in your website or web pages, but it will takes time for that if we doesn't know how to use our font using CSS.



So again stay put their and relax we are going to share about our Font using CSS, this is not totally headache but we can learn and adding to our skills, this is just a little sample that we can know how to manage our font CSS by following our codes.

Let us start from using Font family:

The font family it is to setting our text according in the font family.

Our code:

<p style="font-family:arial;"> Text font sample for our family Arial.</p>

For our Browser

Text font sample for our family Arial.

Re sizing the Font Size

Our text that we need to adjust their sizes from small to size in bigger text.

<p style="font-size:40px;"> Adjusting our text size and make it bigger more</p>

In our browser

Adjusting our text size and make it bigger more

What if our font style into Italic?

<p style="font-style:italic;"> Is my font text are italic or not?</p>

Our Browser

Is my font text are italic or not?

Text font CSS weight

Our text putting their weight and make to bold our font text.

<p style="font-weight:bold;"> Text that we try to put some weight and bold it.</p>

In our browser

Text that we try to put some weight and bold it.

Text font that using small caps by variant code text font.

<p style="font-variant:small-caps;"> Font text that putting small caps variant code </p>

In our browser

Font text that putting small caps variant code

Getting more fun in our CSS by using our Fonts code. :)



Next to Html CSS Using Margin

Return to:
Html Tutorial Introduction

Html Structure And Method

Basic Tags and Formatting

Adding links in Html Hyperlinks

Html Instruction Formatting Text

Html Working With Fonts

Html Creating Lists

Html Adding Images To Our Pages Or Website

Html Creating Image Maps
HTML Table Border

HTML Marquee Tag Direction
HTML Marquee Image Attribute

Html Marquee Behavior

Html Marquee Scroll Delay

Html Marquee Scroll Amount

Html Marquee Using Loop Attribute

Html Marquee Background Color

Html Images SlideShow Javascript

Html Blinking Text Or Images

Html Basic Using CSS

Html Form

Html Form Text Area

Html Form Select Tag list

Html Marquee Scroll Stop And Play Hover

Html Using Z-Index Css

Html Audio Tag Attribute

Html Address Tag Attribute

Html Putting Comment or Remarks
Html CSS Advantage and Disadvantage

Html CSS Syntax

Html Using Script attribute

Html CSS ID Syntax
Html CSS Class Syntax
Html CSS Text

If you like to see our Flash template Design/Template Page goes here:

Template Design

See all: Our Template