Skip to content

Segoe UI Anywhere by tobyisawesome

Screenshot of Segoe UI Anywhere
Write a review Install Get Stylus

Details

Authortobyisawesome

LicenseNo License

Categoryglobal

Created

Updated

Code size2.0 kB

Code checksumdd59d420

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Use the system font for Windows 11 on any website you go. Could potentially break some sites that use fonts for icons and such.

Notes

Follows WinUI typography guidelines: Font sizes and weights.

Source code

/* ==UserStyle==
@name           Segoe UI Anywhere
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Segoe UI, Anywhere.
@author         Tobyyy
==/UserStyle== */
@-moz-document regexp(".*") {
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, em, img, input, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-family: Segoe UI Variable Text !important;
    text-transform: initial !important;
}
body {
    font-size: 14px !important;
    font-family: Segoe UI Variable Text !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}
h1  {
font-size: 28px !important;
font-family: Segoe UI Variable Display !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 36px !important;
}
h2  {
font-size: 20px !important;
font-family: Segoe UI Variable Display !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 28px !important;
}
h3  {
font-size: 14px !important;
font-family: Segoe UI Variable Text !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 20px !important;
}
h4  {
font-size: 14px !important;
font-family: Segoe UI Variable Text !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 20px !important;
}
p   {
font-size: 12px !important;
font-family: Segoe UI Variable Small !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 16px !important;
}
}

Reviews

No reviews yet.