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

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

Details

Authormonogoinoobs

License0BSD

CategoryYu Gothic

Created2 years, 2 weeks ago

Updated2 months, 1 hour ago

Size14 kB

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 it's not different between sans-serif and system-ui in every locales are not yet cured
- For example, Preact docs use system-ui-to-everything tactics
- Prepare yourself, locales keep harming humanity forever
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.
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: "...

Reviews

No reviews yet.