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);
  font-weight: bold;
  /*Can use Extra Font Properties*/

*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