Jump to content


Check out our Community Blogs

Register and join over 40,000 other developers!


Recent Status Updates

View All Updates

- - - - -

How to style fonts of a text in a simple page?


  • Please log in to reply
3 replies to this topic

#1 Guest_c0de_*

Guest_c0de_*
  • Guest

Posted 11 September 2007 - 08:49 AM

In this tutorial I'll tell you how to style font of a text...

A text can be styled in many forms!

There were many ways to style a text like with bolding text, underlining it, changing the color, size, font style, header, etc. :)

To change the texts from we can use some simple codes like:


<b>A bold text</b>
<i>An italic text</i>
<u>Underlined text</u>
<strong>Strong wroted text</strong>
<em>An emphased text</em>
<big>Some big wroted texts</big>
<small>Some small wroted texts</small>


These are some of text styles...

Let's try them into the browser to see how these work! :)

Here is an image:

Posted Image

Let's try font styles.. :)

We can change the font style to change the font style we must write this code:

<font face="The style of font">The Text</font>


At the (="The style of font") we have to write the style what we want to use!

Remember: Do not use many types of new fonts because many of computers cannot read them!
Use just main font styles like:"Verdana, News Times, Tahoma, Arial, etc.." use these because all the computers handle these fonts!

An example:

<font face="Verdana">Our text</font>


This example tells what our text is wroted in Verdana font style!
Don't forget to add this at start and end of the text, numbers, etc... ("Text")!

Out of style we can change the color of the text:

<font color="The color what we want">The colored Text</font>


At the ("The color what we want") write the name of color what do you want for example: red, black, blue, etc.

An example:

]<font color="red">The colored Text</font>


Now at our browsers this text will be colored to red!

These were some examples of styling text at <font ...="-">Text</text>

We can use many things like one other of them is SIZE:


<font size="size of font">Text</font>


At the ("size of font") we write the size of the font currently use 1-7 last!

Than we know the font styles, font coloring and some font types and size of the fonts... :)

These are some types of changing text styles and fonts at next we will se the headers how work!

This tutorial belongs to me! :D

-Regards, c0de!
  • 0

#2 v0id

v0id

    Retired

  • Retired Mod
  • PipPipPipPipPipPipPipPip
  • 2313 posts

Posted 12 September 2007 - 05:06 AM

Nice little tutorial you've made, though there's some incorrect information.


Remember: Do not use many types of new fonts because many of browsers cannot read them!
Use just main font styles like:"Verdana, News Times, Tahoma, Arial, etc.." use these because all the browsers handle these fonts!

That's wrong.
First, it's not the browser that is unable to read the fonts - it's your computer. Your browser is only able to use the fonts installed on your machine.
Second, even if you're using so-called "main font styles" you can not be sure that they will work for all users. The fonts you showed there was primarily fonts installed as default in Windows. But what about all the Linux-, Mac- and so on-users? You can define different font, using the comma-operator.


<font style="Verdana">Our text</font>

That's wrong.
The style attribute is used for defining multiple styles, and not like you're doing right there. Normally you would use the face-attribute, for the fonts.
<font face="Verdana">Our text</font>
And if you really want to use the style-attribute;
<font style="face: Verdana;">Our text</font>

  • 0
If you enjoy reading this discussion and are thinking about commenting, why not click here to register and start participating in under a minute?

#3 Guest_c0de_*

Guest_c0de_*
  • Guest

Posted 12 September 2007 - 08:23 AM

Opss, my mistake thank you.

I've edited the post!
  • 0

#4 KevinADC

KevinADC

    CC Addict

  • Just Joined
  • PipPipPipPipPip
  • 125 posts

Posted 15 September 2007 - 07:08 PM

Nice little tutorial you've made, though there's some incorrect information.


His other "tutorials" are no better. Deprecated html code punctuated with errors. These tutorials should be removed or edited for the benefit of the readers, if any.
  • 0




Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download