デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周りのお話
こんにちは。TAK(@tak_dcxi)です。 今回記事にするのはタイトル通り「デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周り」についてです。以前ツイートしましたが、特に説明もなかったので自分の備忘録も兼ねて。 Androidに明朝体は無い Apple製品しか利用しないデザイナーの方に話したら非常に驚かれるのですが、Androidにはデフォルトで明朝体は入っていないです。 よく明朝体マシマシのデザインを見かけたりするのですが、デバイスフォントだけではAndroidでそのデザインを実現することは不可能だと思っておいたほうが良いでしょう。 ただ、明朝体のWebフォントを利用すればAndroidでも明朝体は表示できるので、デザイン的に明朝体が必須って場合はWebフォントを利用しない手は無いと思います。 個人的見解ですが、デザイン重視なら明朝体はGoogle FontsでN
Windowsのフォント管理で困ったら？必須アプリ「NexusFont」の一括管理で解決！
フォントが増えてくると、どれがどんなフォントだったか？がわからなくなったり、あのフォントどれだっけ？と探すまでに時間がかかったりします。 特に、Windows利用の方はフォントフォルダでの管理が非常に難しい。 一覧表示だけではどのフォントがどんな書体かわからない上に、フォルダ分けもできないので、いちいちプレビューしなければいけないのが辛いですね。 そこで、今日はフォント管理が圧倒的に楽になるフリーソフト「NexusFont」を紹介します。 NexusFontを使うと・・・ フォントをインストールせずに一時的な利用ができるので、フォントのインストール・アンインストールをする必要が無い フォントをタグやカテゴリで分けて管理することができるので、目的のフォントをすぐに見つけ出せる プレビュー機能で好きな文章や単語をプレビューできるので、イメージに合ったフォントをすぐに見つけられる 最大の特徴は「
Windows・Chrome で游ゴシックフォントを少しだけ太く見せる JavaScript と CSS - Corredor
以前、「ウェブサイトに適用する游ゴシックフォントを見直しまくった最終解」という記事を書いた。 neos21.hatenablog.com おかげさまで、はてブで77ブクマ (本稿執筆時点) いただき、皆様もこの件について苦労なさっていることが伺い知れた。 今回はこの続報。Windows・Chrome 環境で、游ゴシックフォントが適用されている場合のみ、フォントを少しだけ太く表示させる JavaScript と CSS を作ったので紹介する。開発者が自分のサイトに組み込んで調整いただけるだろう。 前回のおさらい 問題の概要 ウェブサイト開発者ができる対処法 クライアントサイドでできる対処法 text-shadow ではなく -webkit-text-stroke-width を使う window.getComputedStyle() では使われているフォントが分からない canvas 要素を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
