Skip to main content

CSS Font Family

We observe many different font types in word editors, email texts, web pages etc.

We can achieve the different font types using the font-family attribute in CSS.

Font-Family
The font-family names can be classified into two types:
  1. Generic family
  2. Font family
1. Generic family
     The generic family is the default fonts installed in the machine.

Why use generic?
They can be used as backup, if the font used by one is not installed in a particular machine.

2. Font Family
     These font family is all the rest of the fonts which can be used to design the font types in a webpage.


Here is a sample program showcasing the font-family attribute.

1:  <?xml version = "1.0" encoding="utf-8"?>   
2:  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">   
3:  <html xmlns = "http://www.w3.org/1999/xhtml">   
4:  <head>  
5:  <title>CSS Styling</title>  
6:  </head>  
7:  <body>  
8:  <p class="red">  
9:  Red  
10:  </p>  
11:  <p class="blue">  
12:  Blue  
13:  </p>  
14:  <p class="green">  
15:  Green  
16:  </p>  
17:  <style>  
18:  p.red  
19:  {  
20:  color:red;  
21:  font-size:20px;  
22:  font-weight:normal;  
23:  font-family:cursive;  
24:  }  
25:  p.blue  
26:  {  
27:  color:blue;  
28:  font-size:40px;  
29:  font-style:italic;  
30:  font-family:Lucida Console;  
31:  }  
32:  p.green  
33:  {  
34:  color:green;  
35:  font-size:60px;  
36:  font-weight:bolder;  
37:  font-family:Arial  
38:  }  
39:  </body>  
40:  </html>  

Comments

Popular posts from this blog

WebGL

The WebGL is a part of the JavaScript language library. It enables one to create interactive interfaces and creative environments. The latest example that we come across is the Sony PlayStation 4 (PS4) . The whole startup environment of the menu and all the tiles are made in WebGL exclusively. It is an extremely powerful web technology library, which makes UI design using the 3D models and interfaces very fluid and simple. It provides an elegant look to interfaces. It runs on the OpenGL 2.0 model. All the web browsers are usually equipped to handle this version of the OpenGL but the higher versions of OpenGL requires professional graphics cards like Nvidia's Professional Graphics soultions as Nvidia Quadro Series. NVIDIA Quadro K2000D Nvidia Tesla Series And the AMD's professional graphics solution are AMD FirePro Series. ATI FirePro V5900 ATI FirePro V7900  Now once the content is created we need to test the results as they are to be sol

Beauty and the Beast Official Trailer (2017) Emma Watson, Dan Stevens

Visit https://www.techcommodity.com/ for more trailers and reviews...

SMITE Open Beta Review

The developers of Global Agenda and Tribes: Ascend have yet another major offering to keep you glued to your screens, now providing an opportunity to play 'Mythological Godlike avatars' in their latest offering called Smite. Placing yourself in the shoes of the 'Almighty' or a bunch of them 'All Mighty' if I might say, itself should give you an idea of what herculean tasks you would be asked to handle. The feeling of 'omnipotence' brings an exceptional nature to this game. Limitless flow of power is just a part of the experience, but having an ultimate command over it and other such myriad abilities can seal the deal for you. Spell slingers, knights in shining armor, snoopy hunters, shady assassins, brute warriors are the new God lineages here. Outgrowing heightened expectations is the least things you should expect as this mythological battlefield resides over the whole wide internet. Teleporting, Flying, Sprinting, and digging, you will have