☰

Custom Font Override (Flexible Edition)

Replaces website fonts with Roboto (default via Google Fonts), a local font, or a custom online URL, without breaking Font Awesome, Glyphicons, or Icomoon icons

作者
YouGottaBillieve
日安装量
0
总安装量
13
评分
1 0 0
版本
1.00
创建于
2025-02-24
更新于
2025-02-24
大小
7.8 KB
许可证
MIT
适用于
所有网站

Custom Font Override (Flexible Edition)

Short Description

Swap out website fonts with Roboto (default from Google Fonts), a local font, or your own online font file—without breaking icons like Font Awesome or Glyphicons. Easy to tweak however you like!

Full Description

Tired of dull website fonts? This script lets you take over and set whatever font you want—Roboto comes built-in via Google Fonts, but you can switch to a font on your computer (like Arial) or one you find online (like a custom .woff2 file). Best part? It keeps those little icons—like menu buttons or gears—looking sharp, so your sites don’t turn into a mess.

By default, it uses Roboto (a slick, modern font loved all over the web), but you can change it up in a snap. No tech skills needed—just a couple of clicks and maybe a copy-paste. It works on every site you visit, from social media to news pages, and it’s flexible enough to fit your style.

What You Get:

  • Default Roboto font via Google Fonts—ready to go!
  • Option to use any font installed on your computer.
  • Option to load a custom font file from the web (.woff2 recommended).
  • Keeps icons (Font Awesome, Glyphicons, Icomoon) safe and sound.
  • Simple to mess with, no coding required.
  • Runs everywhere with Tampermonkey.

Version: 1.09 – Solid, flexible, and good to go!

How to Install (Step-by-Step for Newbies)

  1. Grab Tampermonkey

    • You’ll need this free browser tool called Tampermonkey—it’s like a magic key to tweak websites.
    • Open your browser (Chrome, Firefox, Edge, whatever you use).
    • Head to https://www.tampermonkey.net/.
    • Click “Download” or “Add to [Your Browser]” and follow the steps—it’s quick, like 30 seconds.
    • Once it’s in, you’ll see a Tampermonkey icon (dark square with two white dots) up near your browser’s address bar.

  2. Add the Script

    • On this Greasy Fork page, hit the green “Install this script” button.
    • Tampermonkey will pop up with the script—click “Install” there too.
    • Boom! It’s running and ready to change fonts on every site you visit.

  3. See If It’s Working

    • Pop over to any website (like google.com or a blog).
    • Text should look like Roboto—a clean, modern font. If it’s not obvious, you’ll tweak it later (see below).
    • Icons (like menu buttons or little gears) should still show up fine—no weird boxes or X’s.

How to Change the Font (Dead Simple Tweaks)

The script starts with Roboto from Google Fonts, but you can swap it to anything you want—something on your computer or a font file online. Here’s how:

  1. Open It Up in Tampermonkey

    • Click the Tampermonkey icon up top in your browser.
    • Pick “Dashboard” from the dropdown.
    • Find “Custom Font Override (Flexible Edition)” in the list and click the pencil (or its name) to edit.

  2. Find the Font Settings

    • Look near the top, around line 15, for this bit:
     const fontSettings = {useGoogleFonts: true, googleFontUrl: "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap", googleFontName: "Roboto", 
 useCustomUrl: false, customFontName: "CustomFont", customFontUrl: "", localFontName: "Arial", fallback: "sans-serif"};```