Overrides major Japanese fonts to 游ゴシック with Medium weight, proportional, and horizontal kana.
游ゴシックは神 (Yu Gothic Is Too Underrated) by monogoinoobs
Details
Authormonogoinoobs
License0BSD
CategoryYu Gothic
Created
Updated
Size14 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
游ゴシックは神
my personal 游ゴシックは神 stuffs
only supposes pc with browsers setting yu gothic to sans-serif
Note: This is very personal, and I'm unmotivated to improve nowadays.
Why is Yu Gothic underrated?
Windows prefers the Regular weight rather than Medium, default in macOS, for unknown reasons, so unfortunately, this good font is forced to be a non-web-safe font.
In addition, its kana glyphs are for vertical writings in default, and most web developers don't consider glyph issues.
(Edit: It's not originally web-safe, see ウェブサイト制作では、游ゴシックはおすすめしない理由)
What does this do?
- Prefers Yu Gothic Medium than Regular
- Sets vital props when you use Yu Gothic:
font-variant-east-asian: proportional-widthandfont-feature-settings: "palt", "hkna"- Reverts both for vertical writings
- Overrides major Japanese font names to Yu Gothic
- Keeps MS PGothic for Shift_JIS arts
- Sets
system-ui(Yu Gothic UI, having completely different kanas and latins from Yu Gothic) to UI components - Includes some popular-site-specific settings
Known issues
- Half-width katakanas get proportionalized
- Toggle "Fuck Proportional", which only gives you
font-feature-settings: "hkna", to give up proportionality if it fucks you
- Toggle "Fuck Proportional", which only gives you
- The current tactics suck
- Their brain damage it's not different between
sans-serifandsystem-uiin every locales are not yet cured- For example, Preact docs use
system-ui-to-everything tactics - Prepare yourself, locales keep harming humanity forever
- For example, Preact docs use
- Can't do anything to browser-integrated shits like Microsoft Edge's sidebar-integrated Bing
- It keeps using Microsoft YaHei whose glyphs only fit to Chinese people and looks some phishing stuffs for Japanese people
General solutions in vanilla
- For Windows: Give up Yu Gothic.
- Set Meiryo for standard and sans-serif in your browser.
- Meiryo's latins are variants of Verdana.
- Meiryo is the only OK ClearType-ready Japanese font with OK latins.
- Set Meiryo for standard and sans-serif in your browser.
- For macOS and iOS: Well done, you already have the world's best Japanese font family Hiragino as default.
- For neither: Put Noto Sans JP to everything.
Useful tips
- Microsoft YaHei for Simplified Chinese, Microsoft JhengHei for Traditional Chinese, and Malgun Gothic for Korean; Those glyphs never fit to Japanese in spite of those own kanas.
- Most fonts with Chinese characters have Simplified Chinese glyphs in most cases, so I do not recommend applying those to Japanese.
- Using modern Chinese glyphs for Chinese characters in Japanese is like other Greek-rooted glyphs (e.g. Cyrillic) for Greek-rooted characters (known as Latin) in English.
- Most Japanese people suffer from phishing stuffs which don't care about glyphs, so I'm sure they consider bad glyphs as phishing.
- A recent big example was Microsoft Bing Chat (Web); They complained on X (formerly Twitter) and Microsoft quickly fixed.
- The Digital Agency, a part of the Government of Japan, recommends Noto Sans JP.
Useful links
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name 游ゴシックは神
@namespace https://userstyles.world/style/7484
@version 2022-11-29
@description 游ゴシックは神
@author Meiryo Destroyer
@license 0BSD
@preprocessor stylus
@var checkbox isFixed "Fuck Propotional" 0
==/UserStyle== */
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium"), local("YuGothic-Medium");
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Bold"), local("YuGothic-Bold");
font-weight: bold;
}
@font-face {
font-family: Meiryo;
src: local("Yu Gothic Medium"), local("YuGothic-Medium");
}
@font-face {
font-family: Meiryo;
src: local("Yu Gothic Bold"), local("YuGothic-Bold");
font-weight: bold;
}
@font-face {
font-family: ui-sans-serif;
src: local("Yu Gothic Medium"), local("YuGothic-Medium");
}
@font-face {
font-family: ui-sans-serif;
src: local("Yu Gothic Bold"), local("YuGothic-Bold");
font-weight: bold;
}
@font-face {
font-family: "メイリオ";
src: local("Yu Gothic Medium"), local("YuGothic-Medium");
}
@font-face {
font-family: "メイリオ";
src: local("Yu Gothic Bold"), local("YuGothic-Bold");
font-weight: bold;
}
@font-face {
font-family: Arial;
src: local("Yu Gothic Medium"), local("YuGothic-Medium");
}
@font-face {
font-family: Arial;
src: local("Yu Gothic Bold"), local("YuGothic-Bold");
font-weight: bold;
}
@font-face {
font-family: "Noto Sans JP";
src: local("Yu Gothic Medium"), local("YuGothic-Medium");
}
@font-face {
font-family: "Noto Sans JP";
src: local("Yu Gothic Bold"), local("YuGothic-Bold");
font-weight: bold;
}
@font-face {
font-family: "YakuHanJPs";
src: local("Yu Gothic Medium"), local("YuGothic-Medium");
}
@font-face {
font-family: "YakuHanJPs";
src: local("Yu Gothic Bold"), local("YuGothic-Bold");
font-weight: bold;
}
if isFixed {
html[lang|=ja],
html[lang|=ja] body {
font-feature-settings: "hkna";
}
}
else {
html[lang|=ja],
html[lang|=ja] body {
font-variant-east-asian: proportional-width;
font-feature-settings: "palt", "hkna";
}
}
html[lang|=ja]:dir(rtl) {
font-variant-east-asian: revert;
font-feature-settings: "palt" off, "hkna" off, "vkna" on;
}
html[lang|=ja] footer {
font-family: system-ui;
font-variant-east-asian: normal;
font-feature-settings: "palt" off, "hkna" off;
}
html[lang|=ja] .mediawiki {
font-family: "Yu Gothic"
}
html[lang|=ja] .mediawiki nav,
html[lang|=ja] .mediawiki table,
html[lang|=ja] .mediawiki .references,
html[lang|=ja] .mediawiki #catlinks,
html[lang|=ja] .mediawiki #siteSub {
font-family: system-ui;
font-variant-east-asian: normal;
font-feature-settings: "palt" off, "hkna" off;
}
@-moz-document domain("kakuyomu.jp") {
.writingDirection-vertical {
font-variant-east-asian: full-width;
font-feature-settings: "palt" off, "hkna" off, "vkna" on;
}
}
@-moz-document domain("ncode.syosetu.com") {
#novel_honbun {
font-variant-east-asian: full-width;
font-feature-settings: "palt" off;
}
}
@-moz-document domain("twitch.tv") {
html[lang|=ja],
html[lang|=ja] body {
font-family: system-ui;
font-variant-east-asian: normal;
font-feature-settings: "palt" off, "hkna" off;
font-kerning: auto;
}
if isFixed {
html[lang|=ja] .chat-line__message {
font-feature-settings: "hkna";
}
}
else {
html[lang|=ja] .chat-line__message {
font-variant-east-asian: proportional-width;
font-feature-settings: "palt", "hkna";
}
}
}
@-moz-document domain("jbbs.shitaraba.net") {
html,
body,
form * {
font-family: system-ui;
font-variant-east-asian: normal;
font-feature-settings: "palt" off, "hkna" off;
font-kerning: auto;
}
if isFixed {
td table,
dd {
font-family: "Yu Gothic";
font-feature-settings: "hkna";
}
}
else {
td table,
dd {
font-family: "Yu Gothic";
font-variant-east-asian: proportional-width;
font-feature-settings: "palt", "hkna";
font-kerning: normal;
}
}
}
@-moz-document domain("nicovideo.jp") {
*,
.nico-CommonHeaderRoot *,
.NC-Tab,
.Dropdown *,
.PersonalFrame *,
header *,
main {
font-family: system-ui;
font-variant-east-asian: normal;
font-feature-settings: "palt" off, "hkna" off;
font-kerning: auto;
}
if isFixed {
.UserDescription,
.VideoDescription-html,
.UserDetailsHeader-nickname,
.title,
.discription,
.ga-ns-description,
.ga-ns-description *,
#article * {
font-family: "Yu Gothic";
font-feature-settings: "hkna";
}
}
else {
.UserDescription,
.VideoDescription-html,
.UserDetailsHeader-nickname,
.title,
.discription,
.ga-ns-description,
.ga-ns-description *,
#article * {
font-family: "Yu Gothic";
font-variant-east-asian: proportional-width;
font-feature-settings: "palt", "hkna";
font-kerning: normal;
}
}
#page-menu *,
.a-list_articleInfo *,
.a-infoArea_buttons *,
.a-relatedContents * {
font-family: system-ui !important;
font-variant-east-asian: normal !important;
font-feature-settings: "palt" off, "hkna" off !important;
font-kerning: auto !important;
}
.st-bbs_resbody a {
font-family: "ＭＳ Ｐゴシック";
}
}
@-moz-document domain("2chan.net") {
* {
font-family: system-ui;
font-variant-east-asian: normal;
font-feature-settings: "palt" off, "hkna" off;
font-kerning: auto;
}
if isFixed {
blockquote,
blockquote * {
font-family: "Yu Gothic";
font-feature-settings: "hkna";
}
}
else {
blockquote,
blockquote * {
font-family: "Yu Gothic";
font-variant-east-asian: proportional-width;
font-feature-settings: "palt", "hkna";
font-kerning: normal;
}
}
}
@-moz-document domain("twitter.com") {
html[lang|=ja] header *,
[aria-label="トレンド"] *,
[role="tab"] *,
[role="menuitem"] *,
[data-testid="card.wrapper"] *,
input {
font-family: system-ui;
font-variant-east-asian: normal;
font-feature-settings: "palt" off, "hkna" off;
font-kerning: auto;
}
}
@-moz-document domain("wikiwiki.jp") {
@font-face {
font-family: "Verdana";
src: local("Yu Gothic Medium"), local("YuGothic-Medium");
}
@font-face {
font-family: "Verdana";
src: local("Yu Gothic Bold"), local("YuGothic-Bold");
font-weight: bold;
}
body,
table,
.toolbox-container,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: system-ui;
font-variant-east-asian: normal !important;
font-feature-settings: "palt" off, "hkna" off !important;
font-kerning: auto;
}
#content {
font-family: "Yu Gothic";
font-variant-east-asian: proportional-width;
font-feature-settings: "palt", "hkna";
font-kerning: normal;
}
}
@-moz-document domain("yahoo.co.jp") {
* {
font-family: system-ui;
font-variant-east-asian: normal;
font-feature-settings: "palt" off, "hkna" off;
font-kerning: auto;
}
if isFixed {
.article_body *,
[data-cy=textMail] *,
.sw-Card__summary {
font-family: "Yu Gothic" !important;
font-feature-settings: "hkna" !important;
}
}
else {
.article_body *,
[data-cy=textMail] *,
.sw-Card__summary {
font-family: "Yu Gothic" !important;
font-variant-east-asian: proportional-width !important;
font-feature-settings: "palt", "hkna" !important;
}
}
}
@-moz-document domain("freem.ne.jp") {
html,
body {
font-family: system-ui;
font-variant-east-asian: normal !important;
font-feature-settings: "palt" off, "hkna" off !important;
}
if isFixed {
[class*="game-description"],
.game-review-wrapper p,
.review-content p,
#illustMainDisplay + #illustExplain {
font-family: "Yu Gothic" !important;
font-feature-settings: "hkna" !important;
}
}
else {
[class*="game-description"],
.game-review-wrapper p,
.review-content p,
#illustMainDisplay + #illustExplain {
font-family: "Yu Gothic" !important;
font-variant-east-asian: proportional-width !important;
font-feature-settings: "palt", "hkna" !important;
}
}
}
@-moz-document domain("w.atwiki.jp") {
#menubar *,
#menubar2 *,
header,
.atwiki-footer *,
.atwiki-left-column *,
.responsive-breadcrumb,
.atwiki-permission-text,
.atwiki_headbar_search input {
font-family: system-ui !important;
font-variant-east-asian: normal !important;
font-feature-settings: "palt" off, "hkna" off !important;
}
}
@-moz-document domain("steampowered.com"),
domain("steamcommunity.com") {
@font-face {
font-family: "Motiva Sans";
src: local("Yu Gothic UI");
}
* {
font-family: system-ui;
font-variant-east-asian: normal !important;
font-feature-settings: "palt" off, "hkna" off !important;
}
.popup_menu .popup_menu_item,
.details_block a,
.game_details b,
.profile_in_game_header,
.profile_comment_area .commentthread_header .commentthread_allcommentslink,
.apphub_StoreAppText {
font-family: system-ui
}
if isFixed {
.game_area_description,
.game_area_description strong,
u,
.review_box .content,
body.v6 h1,
body.v6 h2,
body.v6 h3,
body.v6 h4,
body.v6 h5,
body.v6 h6,
.showcase_notes,
.commentthread_comment_text,
.apphub_UserReviewCardContent .apphub_CardTextContent {
font-family: "Yu Gothic" !important;
font-feature-settings: "hkna" !important;
}
}
else {
.game_area_description,
.game_area_description strong,
u,
.review_box .content,
body.v6 h1,
body.v6 h2,
body.v6 h3,
body.v6 h4,
body.v6 h5,
body.v6 h6,
.showcase_notes,
.commentthread_comment_text,
.apphub_UserReviewCardContent .apphub_CardTextContent {
font-family: "Yu Gothic" !important;
font-variant-east-asian: proportional-width !important;
font-feature-settings: "palt", "hkna" !important;
}
}
}
@-moz-document domain("dlsite.com") {
*,
input {
font-family: system-ui;
font-variant-east-asian: normal;
font-feature-settings: "...