Erimus's Force Font by erimus-koo

/* ==UserStyle==
@name         Erimus's Force Font
@version      20241206.08.52
@namespace    https://userstyles.world/user/erimus-koo
@description  Force font according to my usage.
@author       erimus-koo
@license      No License
==/UserStyle== */

@-moz-document regexp("^(?!.*(localhost|\\d+\\.\\d+\\.\\d+\\.\\d+):\\d+.*).*") {
/* Global */
/* 匹配所有非本地网址(排除开发中网址) 
^(?!.*(localhost|\d+\.\d+\.\d+\.\d+):\d+.*).*
*/
/* Import Google Font ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ START */
/* @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;600&family=JetBrains+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,400;0,600;1,400;1,600&display=swap'); */
@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,400;0,600;1,400;1,600&display=swap");
/* 
https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap
https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;1,400;1,600&display=swap
*/
/* Import Google Font ------------------------------ END */
/* 数字使用 Barlow ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ START */
/* 
适配数字范围 
0123456789%+,-./\@
[0-9]U+30-39, [%]U+25, [+,-./]U+2B-2F, [\]U+5C, [@]U+40 
------------------------------
如果需要Barlow所有字符 用👇 然后取 Latin 
https://fonts.googleapis.com/css2?family=Barlow:wght@500;600;700
------------------------------
如果只需要指定的少数字符 用👇 
https://fonts.googleapis.com/css2?family=Barlow:wght@500;600;700&text=0123456789%+,-./\@
------------------------------
转换base64版本内嵌字体 
https://transfonter.org
------------------------------
字重500的Barlow跟400的Poppins比较配
字重小于等于500的会自动向下找，没有的话就用最小的那个。
字重大于等于600的会自动向上找，没有的话用最大的那个。
所以
Poppins 400 <-> Barlow 500
Poppins 600 <-> Barlow 700
*/
@font-face {
	font-family: "Number";
	font-weight: 400;
	src: local("JetBrains Mono Number"), local("Barlow Medium"), url(https://fonts.gstatic.com/l/font?kit=7cHqv4kjgoGqM7E3_-gc5Ug7uBQPW5-TDsGIla7mki9yb_ox&skey=4c8d0d0b13516148&v=v12) format("woff2");
	unicode-range: U+30-39, U+25, U+2B-2F, U+5C, U+40;
}

/*@font-face {
  font-family: "Number";
  font-weight: 600;
  src: local("Barlow Semibold"),
    url(https://fonts.gstatic.com/l/font?kit=7cHqv4kjgoGqM7E30-8c5Ug7uBQPW5-TDsGIla7mki9yb_ox&skey=a9a2225c15335812&v=v12)
      format("woff2");
  unicode-range: U+30-39, U+25, U+2B-2F, U+5C, U+40;
}*/
@font-face {
	font-family: "Number";
	font-weight: 700;
	src: local("JetBrains Mono Number"), local("Barlow Bold"), url(https://fonts.gstatic.com/l/font?kit=7cHqv4kjgoGqM7E3t-4c5Ug7uBQPW5-TDsGIla7mki9yb_ox&skey=f60e73b1bbf362f3&v=v12) format("woff2");
	unicode-range: U+30-39, U+25, U+2B-2F, U+5C, U+40;
}

/* 数字部分使用 Barlow ------------------------------ END */
/* 优先 Emoji 字体 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ START */
/* 优先启用表情图标 避免被 Nerd Font 等大字符集覆盖，比如 ⚠️
但emoji会覆盖数字，所以要限定一下emoji的适用范围，避开常用拉丁文。
Apple: "AppleColorEmoji", Win: "Segoe UI Emoji", Android:  "Noto Color Emoji" */
@font-face {
	font-family: "Emoji";
	src: local("AppleColorEmoji"), local("Segoe UI Emoji"), local("Noto Color Emoji");
	unicode-range: U+300-FFFF;
}

/* 优先 Emoji 字体 ------------------------------ END */
/* 全局设置 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ START */
:root {
	/* 特殊字体：优先于其他字体 */
	--f-prior: Emoji, Number;
	/* 优先英文 */
	--f-favo-en: Poppins;
	/* 优先中文 */
	--f-favo-cn: "Source Han Sans HC";
	/* 苹果中文 */
	--f-mac-cn: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK";
	/* 安卓中文 */
	--f-android-cn: "Noto Sans", "Noto Sans CJK SC";
	/* Win中文 */
	--f-win-cn: "Microsoft YaHei", "微软雅黑";
	/* 浏览器变量 */
	--f-browser: system-ui, -apple-system, BlinkMacSystemFont;
	/* 苹果英文 */
	--f-mac-en: "Helvetica Neue", "Segoe UI";
	/* 安卓英文 */
	--f-android-en: Roboto;
	/* 各系统默认中文 */
	--f-system-cn: var(--f-mac-cn), var(--f-android-cn), var(--f-win-cn);
	/* 各系统默认英文 */
	--f-system-en: var(--f-mac-en), var(--f-android-en);
	/* 顺序是：Emoji, 数字, 喜欢的英文, 喜欢的中文, 系统中文（含英文）, 系统英文 */
	--sans: var(--f-prior), var(--f-favo-en), var(--f-favo-cn), var(--f-browser), var(--f-system-cn), var(--f-system-en), sans-serif;
	/* Mac:Menlo Win:Consolas Android:'Roboto Mono' */
	--monospace: Emoji, "JetBrainsMono Nerd Font", "JetBrains Mono", Menlo, Consolas, "Roboto Mono", var(--f-system-cn), monospace;
	/* 默认字族 */
	--font-family: var(--sans);
}

/* 全局基础设置 ------------------------------ START */
html, body, {
	font-family: var(--sans);
	word-break: normal;
	min-height: 100vh;
	/* 字体渲染 */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* 行内元素跨行复制断开处样式 */
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	/* iOS overflow滚动时保持橡皮筋效果 */
	-webkit-overflow-scrolling: touch;
	/* iOS 横屏字号变化关闭 */
	text-size-adjust: none;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	/* iOS 点击区域不出现灰色 */
	-webkit-tap-highlight-color: transparent;
}

/* :root, body, html {
    font-size: 14px !important;
    font-size: clamp(14px, 1vmin, 18px) !important;
} */
body>* {
	font-family: var(--sans)!important;
}

* {
	/*     font-family: var(--sans)!important; */
}

/* html {
    box-sizing: border-box;
}
*,*::before,*::after{
  box-sizing: inherit;
} */
/* Balance text wrapping on headings */
/* h1, h2, h3, h4, h5 {
  text-wrap: balance;
  text-align: unset;
  word-break: normal;
} */
/* Anything that has been anchored to should have extra scroll margin */
:target {
	scroll-margin-block: 5ex;
}

/* 编程字体 ------------------------------ START */
/* 
github          .blob-code-content
github release  div[data-test-selector="release-card"] details ul *
pastebin        .highlighted-code  
codepen         .code-wrap
codesandbox     .editor-container
wordpress       .enlighter
*/
/* ol li::marker,  */
pre, pre *, code, code *, quoteblock, quoteblock *, kbd, samp, .blob-code-content *, div[data-test-selector="release-card"] details ul *, .highlighted-code *, .code-wrap *, /* .editor-container *, */
.enlighter *, .CodeMirror {
	font-family: var(--monospace)!important;
	font-variant-ligatures: contextual!important;
	/*   white-space: pre-wrap; */
}

/* Scrollbar 滚动条 ------------------------------ START */
/* hide scrollbar - win平台的调整样式
https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar
这里配合我的油猴脚本读取浏览器信息 👇
https://raw.githubusercontent.com/Erimus-Koo/tamper_monkey/master/browser_info_to_body.js
*/
html[ua-os='Windows'] ::-webkit-scrollbar {
	display: none;
}

html[ua-os='Windows'] ::-webkit-scrollbar {
	/*   max-width: 10px;
  max-height: 10px; */
}

html[ua-os='Windows'] ::-webkit-scrollbar:hover {
	border: 1px solid #8882;
}

html[ua-os='Windows'] ::-webkit-scrollbar-track {
	background: transparent;
}

html[ua-os='Windows'] ::-webkit-scrollbar-track:hover {
	background: #8881;
}

html[ua-os='Windows'] ::-webkit-scrollbar-thumb {
	background: #8884;
	border-radius: 16px;
}

html[ua-os='Windows'] ::-webkit-scrollbar-thumb:hover {
	background: #8888;
}

html[ua-os='Windows'] ::-webkit-scrollbar-button {
	display: flex;
	max-width: 1px;
	max-height: 1px;
}

html[ua-os='Windows'] ::-webkit-scrollbar-corner {
	display: none;
}
}

@-moz-document domain("fadedpage.com"), domain("bilibili.com"), domain("weekly.tw93.fun"), domain("mail.google.com") {
/* force font family in specific sites */
* {
	/*   font-family: var(--sans)!important; */
	/*     text-autospace: no-autospace; */
}
}

@-moz-document url-prefix("chrome-extension://") {
/* Chrome 插件中的滚动条 */
::-webkit-scrollbar {
	max-width: 10px;
	max-height: 10px;
}

::-webkit-scrollbar:hover {
	border: 1px solid #8882;
}

::-webkit-scrollbar-track {
	background: transparent;
}

::-webkit-scrollbar-track:hover {
	background: #8881;
}

::-webkit-scrollbar-thumb {
	background: #8884;
	border-radius: 16px;
}

::-webkit-scrollbar-thumb:hover {
	background: #8888;
}

::-webkit-scrollbar-button {
	display: flex;
	max-width: 1px;
	max-height: 1px;
}

::-webkit-scrollbar-corner {
	display: none;
}
}