the safonts webring

widget

when you add the webring widget to your site, it will look like this, but you can always change it!

grab your own widget to display on your site here, making sure to keep the trailing /:

<script src="https://safonts.club/webring.js"></script> <ring-900 site="YOUR URL HERE/"></ring-900>

please note: as soon as you are accepted, you have 48 hours to add the widget to your website so the ring isn't broken.

changing the look of the widget

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: ;
}