游ゴシックは神 (Yu Gothic Is Too Underrated) by monogoinoobs

Screenshot of 游ゴシックは神 (Yu Gothic Is Too Underrated)

Details

Authormonogoinoobs

License0BSD

CategoryYu Gothic

Created2 years, 4 months ago

Updated3 weeks, 5 days ago

Code size14 kB

Code checksum9147702b

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Overrides major Japanese fonts to 游ゴシック with Medium weight, proportional, and horizontal kana.

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-width and font-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
The current tactics suck
Their brain damage that system-ui is the same as sans-serif in every locales are not yet cured
- For example, Preact docs takes system-ui-everywhere tactics
- Prepare yourself, locales keep harming humanity forever
Can't do anything to browser-integrated shits

General solutions in vanilla

For Windows: Give up Yu Gothic.
- Meiryo is a good solution in most cases. It's ClearType-ready and has modified Verdana latins.
- Since March 2025, Windows now has Noto Sans JP by default. You can of course choose it.
For macOS and iOS: Well done, you already have the world's best Japanese font family Hiragino by default.
For neither: Put Noto Sans JP everywhere.

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. Non-Japanese-specified Noto fonts are too.
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.
Do not put system-ui everywhere! It's literally for UI and will be a different font between sans-serif in some locales like Japanese.

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: "...

Reviews

No reviews yet.