← Back to Archive Notice Banner documentation
When to use rescale-font-size
You almost certainly do not need this attribute. Leave it off for virtually every site. By default the banner sizes itself in rem relative to the page's root font-size, so it already renders at the intended size and scales correctly with browser zoom and the visitor's font-size preferences.
The rescale-font-size attribute exists for a single edge case: older sites that set a non-100% font-size on the <html> element. The most common example is the legacy html { font-size: 62.5% } technique, which makes 1rem equal 10px instead of 16px. Because the banner sizes itself in rem, on those pages it would render too small — below the 14px minimum legible size. Setting rescale-font-size pins the banner's base size so the page's root font-size can no longer shrink it.
Pick a value based on what the site does:
rescale-font-size="1.6rem"— recommended when the site usesfont-size: 62.5%. On that root,1.6remresolves to 16px, and because the value is stillrem-based the banner keeps scaling with both browser zoom and the visitor's font-size preference. Adjust the number if the site uses a different percentage.rescale-font-size="16px"— a safe fixed fallback when you do not know the site's root font-size. The banner renders at 16px and still responds to browser zoom, but it no longer follows the visitor's browser default-font-size setting.
Example:
<uw-archive-notice
email="yourteam@wisc.edu"
archive-date="February 19, 2026"
scope="website"
rescale-font-size="1.6rem"
></uw-archive-notice>
You can also set the base from your own CSS instead of the attribute, if that is easier to manage centrally:
uw-archive-notice { --uw-archive-notice-font-base: 1.6rem; }