Test Start

This text is in a serif font.

This text is in a sans-serif font.

This text is in a monospace font.

This text is in a fantasy font.

Test End

Rule References

Rule Pass IDs Fail IDs
Rule 67
  • id1
  • id2
  • id3
  • id4
 none

Calculations

No calculations for test 59

Test Description

  • This test contains text styled via CSS.

Test Markup

User Agent Implementation

No user agent implementation information.

HTML Source Code


<div class="wrapper">
   <p id="id1" class="serif">This text is in a serif font.</p>
   <p id="id2" class="sans">This text is in a sans-serif font.</p>
   <p id="id3" class="monospace">This text is in a monospace font.</p>
   <p id="id4" class="fantasy">This text is in a fantasy font.</p>
</div>

CSS Code


div.wrapper {
  margin: 20px;
  padding: 10px;
  overflow: visible;
  background-color: #faf7f0;
  border: 1px solid #880000;
  -webkit-border-radius: 10px; /* Safari and Chrome rounded corners */
  -moz-border-radius: 10px; /* Firefox rounded corners */
  border-radius: 10px; /* Opera rounded corners */
}
p.serif {
   font-family: serif;
}
p.sans {
   font-family: sans-serif;
}
p.monospace {
   font-family: monospace;
}
p.fantasy {
   font-family: fantasy;
}