font.html 1017 B

1234567891011121314151617181920212223242526272829
  1. <div id="snippet-font">
  2. <p>
  3. This is a mixed text with different font sizes:
  4. <span class="text-tiny">tiny</span>,
  5. <span class="text-small">small</span>,
  6. <span class="text-big">big</span> and
  7. <span class="text-huge">huge</span>.
  8. </p>
  9. <p>
  10. <span style="font-family: Arial, Helvetica, sans-serif;">This text has the "Arial, Helvetica, sans-serif" family set.</span>
  11. </p>
  12. <p>
  13. <span style="font-family: 'Courier New', Courier, monospace;">This text has the "Courier New, Courier, monospace" family set.</span>
  14. </p>
  15. <p>
  16. <span style="color:hsl(90,75%,60%);background-color:hsl(240,75%,60%)">This text has light green color and blue background.</span>
  17. </p>
  18. <p>
  19. <span style="color:hsl(0,0%,100%);background-color:hsl(0,0%,0%)">This text has white color and black background.</span>
  20. </p>
  21. <p>
  22. <span style="color:#505050;background-color:rgb(75, 255, 190)">This text has custom color used for text and background. Those colors are available in the "document colors" section.</span>
  23. </p>
  24. </div>