How to create a responsive font in css ( without @media )

In Responsive website design big problem to create font responsive.
Responsive Font is many way you can create it.

In this tut. I am learning create a responsive font without using @media attribute.

Now Show Example Html file is :


margin : 30px;


offset You can set View port

the view port type is Follow :
1. vw = viewport width
2. vh = viewport height
3. vmin = relative to the shortest dimention( width or height )
4. vmax = relative to the logest dimention( width or height )

one other dimention is rem ( Re embedded )

It's all the dimension can not support internet explorer.

font-family:Verdana, Arial, Helvetica, sans-serif;

border:3px solid #fff;
box-shadow:0px 0px 3px #999;

<div class="FDemo">
This Is Text Demo

Output Is :

Size of : 1024 * 768
Size of : 320 *240


Popular posts from this blog

N Queen Problem using c and c++

Greedy Prim Algorithm using c/c++

m Coloring Problem using c or c++