Good morning,
this is Kurama Tengu( ̄▽ ̄)b.

I’d like to talk a little about the story regarding Yu fonts that we use in Home Page.

Yu font installed as standard.

I think there are many Web designers who are interested in Yu font installed as standard after Windows8.1. Meiryo that was standard font after Windows Vista was easy to read that considered universal designs literally as clear (the word origin of Meiryo), but on the other hand, it is a font that lacked a little beauty as font.

Yu font that can be used in Home Page.

As we can anticipate that Yu Gothic and Yu Mincho are installed in all terminals after Windows8.1, so I think the era when these are in almost all of the Windows’s terminals would come when the share of Windows7 decreases in the future. And it is possible to install Yu font uniquely in Windows7.

Mincho body font OS standard installed was not used for a long time.

Yu Gothic is Gothic body that is standard and with fewer habits, and Micho body is a long time no see font since MS Mincho as Mincho font Windows standard installed. We can have higher expectation against Yu Mincho as MS Mincho was the font that antialiasing didn’t work and hard to see.

The point superior to Web font.

As for fonts that can be used as screen fonts now, there are Web fonts such as Google Noto font or Morisawa font original in Sakura Internet beside Meiryo, but Japanese font is different from European font and there is file size of some 10 mega bites by 1 type face.
Because of this, considering the use under the low-speed lines the author thinks it is not practical for the use of Japanese Web fonts. For this reason, it is my longing news for the appearance of Yu Gothic and Yu Mincho.

The problem is there that the display is collapsed at Internet Explorer.

Regrettably, however, this font has bug. Correctly, it can be said the bug of Internet Explorer (in short IE). When seeing at each browser designating Yu font as font family,
I was surprised that the letter leaned to the top only when seeing by IE. According to the information I looked into a lot, only IE has different vertical position of font base line, and considering there are many sites in Japan that have corresponded with this by CSS hack ways, I feel it is hard to think that IE will rectify the bugs.


The problem that there is no medium body of Yu font in Windows8.1.

It is what I notice while I do CSS coding under the environment of Windows8.1 that the bold is decent but its normal letter is too thin. I know this too as there were those who have analyzed before me, but it said that only bold and light are installed in Yu font of Windows8.1 and there is no medium body installed equal to normal. I’m a bit sad that the site producers can do nothing about the problem that there is no medium body in Windows8.1 and until now the only response that can be made is that users bring the medium body of Yu fonts from Windows10 PC themselves. (Having said that I think time will solve the issue of version of Windows.)

There is need to divide after Windows8.1 and before Windows8.

When making the Web designs, I am referring Google access analysis, but the author is thinking that fewer people bother to install the Yu fonts under the state of Window7 is in active duty (In 2018), so I make sure to make markup that is not being collapsed from both sides, anticipating both people of ones who are seeing before Windows version 8 and ones who are seeing after Windows version 8.1 when make CSS coding. This is the annoying point of markup and on the other hand, it is the chance to show markup engineers’ skills.

Code examples of font-family.

It is sloppy a little because I didn’t make test under 100 percent all situations, I will post the settings of font-family in Yu fonts the author is using.


font-family :”游明朝”, YuMincho,”ヒラギノ明朝 Pr6 W6″,”Hiragino Mincho Pro”,”メイリオ”, “MS P明朝”,”MS PMincho”,Meiryo, serif;


font-family: “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, “Yu Gothic”, “游ゴシック”, YuGothic, “游ゴシック体”, “メイリオ”, Meiryo, Osaka, “MS Pゴシック”, “MS PGothic”, sans-serif;


It is important to maintain the 100 percent backward compatibility, but sometime there are cases that there needs to have superiority to competition site. The author thinks that it is OK for Web design to show commitment in parts other designers cannot imitate by using Yu fonts.




京都三条会商店街北 薬膳&カフェ 雅(みやび) サイト制作・運営 一般社団法人シシン