CSS3 Font

Next ❯CSS3 Opacity

Used to style the text appearance using your custom Fonts

  • Your custom fonts will automatically downloaded to the user's computer when needed
  • In CSS3 custom fonts are defined under @font-face
  • Some font file extensions are .ttf, .otf, .woff, .woff2
Font FormatBrowser Support
.ttf [TrueType Fonts]ALL
.otf [OpenType Fonts]ALL
.woff [Web Open Font Format]ALL
.woff2 [Web Open Font Format 2.0]

  • turned_in_notsyntax
    @font-face {
  font-family: yourFontName;
  src: url(your_font_url.woff);
/*Can use Extra Font Properties 
  here or on specific element
  as per your need*/
}

Checkout My Text Font !
@font-face {
  font-family: yourFontName;
  src: url(your_font_url.woff);
}
h5{
  font-family:yourFontName;
  font-weight: bold;
  font-style:italic;
  font-size:60px;
  /*Can use Extra Font Properties*/
}
@font-facesubject

*You can get/use free font families from google fonts

Check Font Properties


  • CSS3 Opacity
❮ Prev CSS3 Text
Next ❯CSS3 Opacity
TryOut Examples"Learn to Explore..!"

TryOut Editor

receipt
❯