Skip to content

pretty text by skylestia

Screenshot of pretty text

Details

Authorskylestia

LicenseNo License

Categoryall

Created

Updated

Size1.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

simple css to make fonts smooth and thick on all sites, doesn't necessarily always help with readability but subjectively looks nice

Notes

latest update:

  • my bf told me the text looked blurry so i decreased the shadow size and increased the text stroke

Source code

/* ==UserStyle==
@name         pretty text
@version      20230303.02.07
@namespace    userstyles.world/user/skylestia
@description  simple css to make fonts smooth and thick on all sites, doesn't necessarily always help with readability but subjectively looks nice
@author       skylestia
@license      No License

last update
--- i fixed the css trying to force apply Arial and increased text stroke

==/UserStyle== */

@-moz-document url-prefix("http://"), url-prefix("https://") {
    html,body {
        -webkit-text-stroke: 0.6px;
        text-shadow: 0 0 1px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
    }
/*     h1,h2,h3,a,p {
        filter: invert(0) contrast(2);
        mix-blend-mode: difference;
    } */
    /* don't prettify code */
    pre,code {
        -webkit-text-stroke: initial;
        text-shadow: initial;
        -webkit-font-smoothing: initial;
        -moz-osx-font-smoothing: initial;
        text-rendering: initial;
    }
}
@-moz-document domain(github.com) {
    /* don't prettify code on github */
    .blob-code,.blob-code-inner,.pl-ent,
    #diff-0eb547304658805aad788d320f10bf1f292797b5e6d745a3bf617584da017051 > div.js-file-content.Details-content--hidden.position-relative {
        -webkit-text-stroke: initial !important;
        text-shadow: initial !important;
        -webkit-font-smoothing: initial !important;
        -moz-osx-font-smoothing: initial !important;
        text-rendering: initial !important;
    }
}

Reviews

No reviews yet.