Font Rendering Improvement thread = MOONRUNES EDITION

File: 1489575490895.png (488KB, 1373x1202px) Image search: [Google]

488KB, 1373x1202px

Here is Screenshot 2.

File: 1466358710390.png (539KB, 1397x1224px) Image search: [Google]

539KB, 1397x1224px

Here is Screenshot 3

File: 1468809014399.png (545KB, 1373x1216px) Image search: [Google]

545KB, 1373x1216px

Here is Screenshot 4

File: 1482079513392.png (519KB, 1383x1226px) Image search: [Google]

519KB, 1383x1226px

Finally, here is Screenshot 5.

Now take a look at all of them and tell me which is the best looking one. And vote.

I'll reveal the key later on and then you'll be able to see which OS/browser suits you the best.

Anyway, post YOUR font rendering of the same page.

>>59796281
>To my surprise, all of them render fonts quite differently... even on the same OS!
This is infuriating at the very least, shit is broken everywhere
>>59796319
It's really nice that this is a blind challenge, great thing OP

>>59796442
>This is infuriating at the very least, shit is broken everywhere
I was quite shocked. Same OS, same fonts, yet totally different font rendering of all browsers. I have no idea why. GNU/Linux or Windows.. it was the same type of difference.

>It's really nice that this is a blind challenge, great thing OP
Thanks! We've had a bunch of font rendering threads here in the past and it was always just a bunch of dick-waving without any objectivity. Maybe this will make people think.

Give the page's link?

>>59796626
>Give the page's link?
https://www.amazon.co.jp/%E7%81%B0%E7%BE%BD%E9%80%A3%E7%9B%9F-%E3%82%B5%E3%82%A6%E3%83%B3%E3%83%89%E3%83%88%E3%83%A9%E3%83%83%E3%82%AF-%E3%83%8F%E3%83%8D%E3%83%8E%E3%83%8D-TV%E3%82%B5%E3%83%B3%E3%83%88%E3%83%A9/dp/B00007B902

Feel free to post your browser's rendering of it... but make the width approximately similar to these screenshots.

File: 53a0b4bd-0a99-4039-94fd-962e8c807e23.png (631KB, 1304x1213px) Image search: [Google]

631KB, 1304x1213px

>>59796319
>post YOUR font rendering of the same page

>>59796651
browser? OS? japanese fonts installed?

>>59796634
>approximately similar to these screenshots
any reason why? is it to eliminate variables?

If so, do I just resize the browser windows?

>>59796793
>any reason why? is it to eliminate variables?
So you can easily compare them when you use your favorite image viewer that can easily switch between images in the same folder... you know, up/down/left/right arrows or something like that.

>If so, do I just resize the browser windows?
Yes. And save it as PNG, not jpeg because JPEG introduces artifacts.

>>59796744
Vivaldi, Windows 7, default fonts

File: 1491667990893.png (16KB, 564x188px) Image search: [Google]

16KB, 564x188px

>people voting 3 over 4 despite pic related

4 seems to be the best idk if I have font autism though

but 3 was looking good 4 slightly better it seems

anything other than 3 or 4 is not that great though

>>59796651
>>59796826
Someone with windows 10 test the same.

File: 1484812896133.jpg (223KB, 1306x1170px) Image search: [Google]

223KB, 1306x1170px

>>59796826
Could you please install WhatFont and click on the text in these areas of the image...

https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=en

Would love to see what Vivaldi picks for fonts.>>59796879

File: 1463153587189.webm (3MB, 1920x1080px) Image search: [Google]

3MB, 1920x1080px

>>59796901
interesting choices.

does anyone hare read/write Japanese? what font rendering do Japanese readers prefer? I know some of these look "bitmapped" but maybe that's what Japanese prefer? I have no idea.

File: output font 68.png (642KB, 1393x1049px) Image search: [Google]

642KB, 1393x1049px

>>59796904
I'm on Windows 10, this is using Chromium

Does the screen's PPI have an effect too? I'm using a VAIO Pro 11, 199 PPI.

File: df1b42eb-d7e2-4bcd-8b08-09ca0388ef2d.png (279KB, 1520x687px) Image search: [Google]

279KB, 1520x687px

>>59796919
Meiryo.
On my Server 2016 rig it defaults to sans-serif.

File: 1485829173735.png (32KB, 370x337px) Image search: [Google]

32KB, 370x337px

>>59797196
Fascinating! So glad I asked you to do that. Any idea where you got this font from? I doesn't come with Windows 10 as far as I could tell.

When I tested Win10, this is the font Chromium used.

>>59796984
Another very different font rendering! Your PPI looks 96 to me.

File: safari.png (474KB, 1092x901px) Image search: [Google]

474KB, 1092x901px

Safari

File: chromeOSX.png (470KB, 1090x899px) Image search: [Google]

470KB, 1090x899px

Chrome on macOS

anon show me how you got screenshot 4 and 3 please

File: Screen Shot 2017-04-08 at 18.58.27.png (899KB, 3348x1880px) Image search: [Google]

899KB, 3348x1880px

xDDDDDDD

File: Screenshot (383).png (175KB, 566x702px) Image search: [Google]

175KB, 566x702px

>>59797265
I'm not sure if it shipped with Windows 7. The copyright says Microsoft, so possibly Visual Studio or some SDK? I don't remember having seen the old "Install files for East Asian languages" box since Longhorn, so that can't be it.
I uploaded the font in case anyone wants it:
https://mega.nz/#!uUR12T7B!J863XiLNGLlCmXHZbzq9ud7rhOWcMsfhqJajhy9W_OU

just dropping this here:
http://files.christophzillgens.com/webkit-font-smoothing.html

File: 1482073753281.png (28KB, 675x189px) Image search: [Google]

28KB, 675x189px

>>59797546
>anon show me how you got screenshot 4 and 3 please
Here is the answer key anon.

>>59797756
fuck im on windows
best font rendering ive gotten has been mactype + decency.english, anyone recommend something different?

>>59797411
>>59797425
They look identical and both look just great!

Anon, could you install WhatFont for Chrome (this link >>59796919) and click on the same parts of text as in the image in that post so we can see what fonts Apple/Chrome selects for that japanese text.

Thanks so much!

>>59797663
Thank you anon! Will give it a try,

>>59797790
Anon, I think nice Linux rendering is due to Apple fonts that I have installed.

Can you download Apple fonts from somewhere? These are the fonts that Amazon, and all other Japanese sites that I've looked at, prefer:

Hiragino Sans GB W3.otf
Hiragino Sans GB W6.otf
ヒラギノ角ゴ Pro W3.otf
ヒラギノ角ゴ Pro W6.otf
ヒラギノ角ゴ Std W8.otf
ヒラギノ角ゴ StdN W8.otf
ヒラギノ丸ゴ Pro W4.otf
ヒラギノ丸ゴ ProN W4.otf
ヒラギノ丸ゴ ProN W4.ttc
ヒラギノ明朝 Pro W3.otf
ヒラギノ明朝 Pro W6.otf

googling for them might be an easy way to install them...

File: this one.png (485KB, 1132x895px) Image search: [Google]

485KB, 1132x895px

On all 4 areas it's using the same font with different sizes.

>>59797946
Meant to respond to >>59797794

>>59797946
Thanks anon! Screenshot 3 >>59796292 is from Chrome for Linux and I have all Apple fonts from 10.12. Notice how all the large point fonts are exactly the same as yours from Chrome for macOS but all the smaller sizes are not anti-aliased. I wonder why that is...

What is the best way to smoothen fonts on Firefox on Windows 10?

>>59798005
Tried enabling Cleartype? There's also mactype for Windows that yields better results...

>>59798036
I have MacType but it doesn't seem to be affecting Firefox at all.

File: capture (2017-04-08 at 02.36.04).png (361KB, 2105x1004px) Image search: [Google]

361KB, 2105x1004px

arch
chromium
noto fonts

>>59798061
Weird. Is there any explanation from MacType why that is?

>>59798094
HiDPI? Everything looks good on HiDPI ;). It's impossible to compare that to screenshots in these pics.

Can you try disabling HiDPI/scaling and then taking a screenshot? Thanks anon!

File: 01-38-34.png (217KB, 1906x805px) Image search: [Google]

217KB, 1906x805px

>>59798094
Same but firefox

File: fdsa.png (614KB, 1383x965px) Image search: [Google]

614KB, 1383x965px

>>59796634
Here's mine: Win7 and Firefox, and I don't know shit about fonts or font rendering.

File: capture (2017-04-08 at 02.41.57).png (151KB, 2151x733px) Image search: [Google]

151KB, 2151x733px

>>59798126
>everything
not everything but fair enough
this is with chromium set to ignore my scaling with --force-device-scale-factor=1

>>59798192
That looks a lot easier to compare. Thanks anon. One thing I notice right off the bat is that Noto is not metric compatible with japanese fonts that this page expects. Notice how dissimilar font sizes are.

>>59798182
>Win7 and Firefox
Win7 looks a quite a bit different from Win10 and Firefox Developer (Screenshot 2)

>>59797605
>hidpi
os/browser?

File: amazon.png (228KB, 1375x890px) Image search: [Google]

228KB, 1375x890px

>>59796319
can't say I like any of them

>>59799812
Details? Looks good... OS/Browser/font...

Font rendering is extremely inconsistent across libs and platforms. Its a great source of frustration if you want things to look good everywhere.

>>59799918
linux/palemoon
I force most jp font rules to redirect to MeiryoKe_Gothic/PGothic.
the latin text is Liberation Sans (altough it should be Open Sans. thanks to this test I noticed Arial wasn't redirecting to it)

(sadly) you really have to write your own font config on linux if you want good font rendering, because "good" is subjective when it comes to how fonts are displayed.

>>59800365
can you dump your fonts.conf onto pastebin or something?

File: Screenshot from 2017-04-08 16-10-51.png (215KB, 1321x744px) Image search: [Google]

215KB, 1321x744px

>>59796634
Ubuntu/Firefox

File: Screenshot 2017-04-08 at 5.14.13 PM.png (247KB, 1280x800px) Image search: [Google]

247KB, 1280x800px

Chrome on ChromeOS. I can't do any better on the resolution.

>>59800422
https://pastebin.com/WQ6n7Gs9
I have no memory of what /etc/fonts files I might have changed over the years; those might also affect my rendering.
and I have no idea why pastebin decided to garble the メイリオ and MS Pゴシック strings.

my older config did a lot more fine tuning with font families, weights, per-font hintstyles and such. but libfontconfig decided to break a lot of the syntax when moving away from ~/.fonts.conf so I limit myself to good fonts and don't give a fuck what snowflake fonts sites and programs want to use.

>>59800677
That looks amazing anon! I'll study your setup tomorrow when I get some quiet time.

Quick question... is there a way to target one specific font, with fonts.conf, and force it to anti-alias at certain font sizes? For example, that Hiragino font discussed above does not anti-alias at smaller sizes. I have no idea why. Would be cool if I could somehow force it to anti-alias. Any ideas?

>>59800365
Font rendering is as bad as talking about monitors since they play a factor in it too, what it looks like on your particular screen and your eyes. I used to use gdipp a while ago to blurr the text into something that worked with my bad eyes, it looked like garbage to everyone I showed it to but tome it looked perfectly readable even from a distance where the stock rendering didn't. Why use glasses like an ormal person when I can just blurr everything else.

>>59801049

<match target="font">
<test name="family"><string>Hiragino</string></test>
<test compare="less_eq" name="pixelsize" ><int>12</int></test>
<edit mode="assign" name="antialias"><bool>true</bool></edit>
</match>

adjust font family name and pixelsize if needed. worked for me just now when I tried, alltho I forced antialiasing off for another font that antialias at small sizes and not the other way around.

>>59801275
indeed. "lucky" for me I'm nearsighted and not farsighted.
japanese fonts add their own set of variables. natives tend to prefer the thicker fonts since you it's general shape and context that is important, while learners of the language will surely prefer sharper (and larger) glyphs so you can actually try to figure out what that kanji is.

>>59801632
>adjust font family name and pixelsize if needed. worked for me just now when I tried, alltho I forced antialiasing off for another font that antialias at small sizes and not the other way around.
THANK YOU so much anon! Will give that a try later today.

>>59798826
safari on macOS 10.12.14

>>59796281
That anime was super anticlimactic. I wanted to know what was beyond the fucking wall!

File: Screen Shot 2017-04-08 at 8.06.02 PM.png (734KB, 2878x1306px) Image search: [Google]

734KB, 2878x1306px

firefox/macOS

File: SS_2017-04-08_53.png (441KB, 1264x1024px) Image search: [Google]

441KB, 1264x1024px

>>59796281
Fonts when bold are fucked. Also titlebar font is fucked for Jap.

File: SS_2017-04-08_14.png (613KB, 1888x1024px) Image search: [Google]

613KB, 1888x1024px

>>59802685
same OS and same browser again

>>59802685
why is that line of text below Amazon @ Kou Otani so pixelated?

>>59802575

it's interesting that every browser that runs on a Mac has great rendering. I wonder why that is.

too easy
>blurry and fucked up
arch
>pixelated and eyesore
windows

File: 1482874288587.jpg (453KB, 1500x1277px) Image search: [Google]

453KB, 1500x1277px

>>59802515
Yeah, but music was god-tier. This is also a great soundtrack for when you're just working on shit.

>>59802897
No idea, font is Roboto.

>>59802903
Whatever they're using for a font renderer is doing a good job. Unless you like bitmap fonts.

File: 1469924068181.png (611KB, 1399x1216px) Image search: [Google]

611KB, 1399x1216px

Okay. Here is my screenshot. You'll never guess the browser and/or OS. Give it a try tho. Also, tell me what you think of it.

>>59803054
looks like windows using mactype

>>59803088
Close. It's an iPad simulator running Safari. It was running on a Hackintosh on a non-retina screen. LOL! Wanted to see what it looked like.

Any idea how to improve font rendering on Ghanoo+Lewnicks

File: Untitled.png (922KB, 3819x1999px) Image search: [Google]

922KB, 3819x1999px

Your font is chinese if the top left corner of 灰 is crossing rather than just meeting. It's just wrong.

>>59803159
>large ppi
Isn't this cheating?

File: 2017-04-08_1600x900.png (243KB, 1600x900px) Image search: [Google]

243KB, 1600x900px

Guess my OS and browser, I haven't done anything to improve rendering

ITT Reasons to purchase the new Apple MacBook Pro with Retina Display.

>>59803627
I'll take a guess. Firefox on Linux Mint?

>>59796281
who the fuck still buys haibane merch jesus

>>59796292
>>59796300
I'm guessing these are Linux screenshots. I think these look the best. Windows font rendering is too thin and doesn't look smooth, especially on smaller text.

File: IMG_1921.png (401KB, 1334x750px) Image search: [Google]

401KB, 1334x750px

iOS 10 / Safari