| 1234567891011121314151617181920212223242526272829 |
- <div id="snippet-font">
- <p>
- This is a mixed text with different font sizes:
- <span class="text-tiny">tiny</span>,
- <span class="text-small">small</span>,
- <span class="text-big">big</span> and
- <span class="text-huge">huge</span>.
- </p>
- <p>
- <span style="font-family: Arial, Helvetica, sans-serif;">This text has the "Arial, Helvetica, sans-serif" family set.</span>
- </p>
- <p>
- <span style="font-family: 'Courier New', Courier, monospace;">This text has the "Courier New, Courier, monospace" family set.</span>
- </p>
- <p>
- <span style="color:hsl(90,75%,60%);background-color:hsl(240,75%,60%)">This text has light green color and blue background.</span>
- </p>
- <p>
- <span style="color:hsl(0,0%,100%);background-color:hsl(0,0%,0%)">This text has white color and black background.</span>
- </p>
- <p>
- <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>
- </p>
- </div>
|