https://uda2.com/blog 大阪でフリーランスとしてWEB制作している管理人が気になった技術をメモったり、作ったツールの紹介などを綴っているブログです。 Sat, 26 Dec 2009 03:44:03 +0000 ja hourly 1 https://wordpress.org/?v=6.9 https://uda2.com/blog/web%e3%81%a7%e3%81%ae%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88/ https://uda2.com/blog/web%e3%81%a7%e3%81%ae%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88/#respond Sat, 26 Dec 2009 03:44:03 +0000 http://uda2.com/blog/?p=878 OSやブラウザを変更すると文字がアンチエイリアスになったりするが多くはアンチエイリアスが効いていないいわゆるビットマップフォントで表示される。 少ないスペースに詰め込む事の多いWEBサイトは小さい文字の場合が多くアンチエ

The post WEBでのフォント first appeared on ウダ2Blog.]]> OSやブラウザを変更すると文字がアンチエイリアスになったりするが多くはアンチエイリアスが効いていないいわゆるビットマップフォントで表示される。
少ないスペースに詰め込む事の多いWEBサイトは小さい文字の場合が多くアンチエイリアスが効いてしまうと読みにくいのでビットパップフォントが使われるのはいい事だけど、タイトルを画像では無く文字にしたかったり、長文を読ませるので出来るだけアンチエイリアスの効いたテキストで表現したい場合がある。
ビットマップで表示されているフォントでもサイズを大きくしていくと、アンチエイリアスが効く。そのサイズはフォントによりまちまちだ。
そこで、割とインストールされてる割合の高そうなフォント一覧を作成し、サイズをJavascriptで変更出来る様にした。
よく使われるフォント一覧表 for アンチエイリアス
調べてみるとフォントサイズを上げてもアンチエイリアスにならなかったり、フォントサイズを上げると消えてしまうフォントもある。
欧文フォントはMacとWindowsで共通化されてるフォントがいくつかあり結構使えそうだ。
日本語フォントはHG系のフォントが小さめのフォントでもアンチエイリアスが効く、MacはSafariなのでアンチエイリアスが効いてるのでスルーするとOfficeが入ってるパソコンが結構多いと思われるのでそこそこ使えるかと思う。

The post WEBでのフォント first appeared on ウダ2Blog.]]> https://uda2.com/blog/web%e3%81%a7%e3%81%ae%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88/feed/ 0