Widget (requires JavaScript)

When you add the webring widget to your site, it will look like this by default.

Grab your own widget to display on your site here:

Do not download the script! The script will change each time the list of sites is updated.

NoJS version

Since August 2025, the Safonts webring is also usable for those that prefer not to use JavaScript. Make sure that these three links are placed in an easily accessible part of your website:

• Previous site: https://safonts.club/prev/YOUR DOMAIN HERE
• Random: https://safonts.club/random
• Next site: https://safonts.club/next/YOUR DOMAIN HERE

Do not hardcode direct links to the previous and next sites. The list and order of sites will continually change as part of the ring maintenance.

Changing the widget’s appearance

Feel free to change the look of the widget by using this styling in your CSS. Pick and choose whichever you want to change, but make sure to add !important to the line before the semicolon.

:root {
    --g1v5x3-background-color: transparent !important;
    --g1v5x3-width: ;
    --g1v5x3-padding: ;
    --g1v5x3-title-font: ;
    --g1v5x3-title-color: ;
    --g1v5x3-title-size: ;
    --g1v5x3-title-align: ;
    --g1v5x3-title-spacing: ;
    --g1v5x3-title-weight: ;
    --g1v5x3-text-family: ;
    --g1v5x3-text-color: ;
    --g1v5x3-text-size: ;
    --g1v5x3-text-align: ;
    --g1v5x3-text-spacing: ;
    --g1v5x3-text-height: ;
    --g1v5x3-link-family: ;
    --g1v5x3-link-color: ;
    --g1v5x3-link-decoration: ;
    --g1v5x3-link-weight: ;
    --g1v5x3-link-size: ;
}