Font-Responsive Text

h1 {
   text-align: center;
   font-style: italic;
}

p {
   text-align: left;
  font-style: Roman;
}

Try it

Font-Style

p.R {
    font-style: normal;
    margin: 50px;
    text-align: center;
    font-size: 40px;
    color: blue;
}

Try it

Font-Family

p.Times {
    font-family: "Times New Roman", Times, serif;
    color: gray;
   font-size: 20px;
}

p.Arial {
    font-family: Arial, Helvetica, sans-serif;
    color: red;
    font-size: 20px
}

Try it

Font-size

body {
    font-size: 100%;
}

h1 {
    text-align: center;
    color: blue;
    font-size: 3.5em;
}

Try it

Font-width in pixels

h2 {
    text-align: center;
    color: hotpink;
    font-size: 40px;
}

Try it

Font variant

p.r {
    text-align: center;
    color: red;
    font-size: 40px;
    font-variant: normal;
}

Try it