Add another @font-face rule for bold characters of the "sansation" font. - HTML CSS CSS

HTML CSS examples for CSS:Quiz

  1. HOME
  2. HTML CSS
  3. CSS
  4. Quiz

Description

Add another @font-face rule for bold characters of the "sansation" font.

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<style>
@font-face {
   font-family: sansation;
   src: url(light.woff);<!--  w w w. java  2s.c om-->
}

@font-face {
    font-family: sansation;
    src: url(bold.woff);
    font-weight: bold;
}

body {
   font-family: sansation;
}
</style>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is <strong>another</strong> paragraph.</p>


</body>
</html>

Related Tutorials