油猴脚本改善浏览器字体显示效果（自用）

2024-07-10 07:59| 来源: 网络整理| 查看: 265

对于低分屏，字体显示一直是痛点，mactype有各种兼容性问题，用过几年，逐放弃。后发现可以修改js来改善浏览器的字体。

转载至github：F9y4ng/GreasyFork-Scripts: GreasyFork Scripts, Maybe Something Else. (github.com)https://github.com/F9y4ng/GreasyFork-Scripts

字体修改为思源黑体（Source Han Sans）。修改了描边和阴影，效果怡人，仅作自用。

/* jshint esversion: 6 */ // ==UserScript== // @name 字体渲染（自用脚本） // @namespace https://openuserjs.org/users/t3xtf0rm4tgmail.com // @version 2021.04.04.2 // @icon https://github.githubassets.com/favicons/favicon.svg // @supportURL https://github.com/F9y4ng/GreasyFork-Scripts/issues // @author F9y4ng // @include * // @grant none // @compatible Chrome 兼容TamperMonkey, ViolentMonkey // @compatible Firefox 兼容Greasemonkey, TamperMonkey, ViolentMonkey // @compatible Opera 兼容TamperMonkey, ViolentMonkey // @compatible Safari 兼容Tampermonkey • Safari // @license GPL-3.0-only // @create 2020-11-24 // @copyright 2020-2021, F9y4ng // @run-at document-start // ==/UserScript== (function () { 'use strict'; /* 你可以自定义以下内容 */ let stroke_r = 0.25; // 字体描边：建议控制在0~1.0之间，关闭描边为0，默认0.04 let shadow_r = 0; // 字体阴影：建议控制在1~8之间，关闭阴影为0，默认1.5 const smooth_i = 0; // 字体平滑，默认开启，关闭为0 const shadow_c = `rgba(136,136,136,0.3)`; // 阴影颜色：建议#888，或 rgba(136,136,136,0.8) 或依喜好修改，currentcolor为原字体颜色（慎用） const cssfun = `:not(input):not(textarea):not(i):not(em):not(pre):not(code):not([class*="icon"]):not(.fa):not([class*="logo"]):not(.mi):not([class*="code"]):not(.fb-close)`; // 可以继续添加需要屏蔽的标签或classname /* 请勿修改以下代码 */ const isdebug = false; const debug = isdebug ? console.log.bind(console) : () => {}; let shadow = ''; shadow_r = parseFloat(shadow_r); if (!isNaN(shadow_r) && shadow_r !== 0) { shadow = `text-shadow: -1px 1px ${shadow_r}px ${shadow_c}, 1px 1px ${shadow_r}px ${shadow_c}, 1px -1px ${shadow_r}px ${shadow_c}, -1px -1px ${shadow_r}px ${shadow_c} !important;`; } let stroke = ''; stroke_r = parseFloat(stroke_r); if (!isNaN(stroke_r) && stroke_r > 0 && stroke_r { if (document.querySelector('.FontRendering')) { debug('//-> Already Insert CSS.'); } else { addStyle(tshadow, 'FontRendering', 'head'); } }; const opts = { childList: true, subtree: true }; new MutationObserver(callback).observe(document, opts); function addStyle(css, className, addToTarget, isReload, initType) { RAFInterval( () => { let addTo = document.querySelector(addToTarget); if (typeof addToTarget === 'undefined') { addTo = document.head || document.body || document.documentElement || document; } isReload = isReload || false; initType = initType || 'text/css'; if (typeof addToTarget === 'undefined' || (typeof addToTarget !== 'undefined' && document.querySelector(addToTarget) !== null)) { if (isReload === true) { safeRemove(`.${className}`); } else if (isReload === false && document.querySelector(`.${className}`) !== null) { return true; } const cssNode = document.createElement('style'); if (className !== null) { cssNode.className = className; } cssNode.setAttribute('type', initType); cssNode.innerHTML = css; try { addTo.appendChild(cssNode); } catch (e) { debug(`//-> ${e.name}`); } return true; } }, 200, true ); } function safeRemove(Css) { safeFunction(() => { const removeNodes = document.querySelectorAll(Css); for (let i = 0; i < removeNodes.length; i++) { removeNodes[i].remove(); } }); } function safeFunction(func) { try { func(); } catch (e) { debug(`//-> ${e.name}`); } } function RAFInterval(callback, period, runNow) { const needCount = (period / 1000) * 60; let times = 0; if (runNow === true) { const shouldFinish = callback(); if (shouldFinish) { return; } } function step() { if (times < needCount) { times++; requestAnimationFrame(step); } else { const shouldFinish = callback() || false; if (!shouldFinish) { times = 0; requestAnimationFrame(step); } else { return; } } } requestAnimationFrame(step); } })();

【本文地址】

公司简介

联系我们