CSS Swap Demonstration

Welcome to our CSS swap demo. This page uses the Roboto font family for consistency.

Using Roboto:

This paragraph uses the Roboto font by default.

This is a highlighted section using Roboto.

Custom Fonts (Not Used in This Demo):

These are custom fonts imported from Google Web Fonts. They are not displayed here.

/* Example of a custom font */\n@import url('/css2?family=Roboto+Mono&display=swap');

Font Family Swap:

The font family has been swapped between Roboto and Roboto Mono. This is an example of how you could implement such a feature.

Font Size Swap:

The font size has been swapped between 16px and 24px. This is an example of how you could implement such a feature.