CSSのfont-familyで游ゴシックを指定すると、Windowsで細くなってしまう問題の原因と解決方法を中心として、最近の日本語フォント事情をまとめました。 CSS Nite LP47 Coder's High 2016にてお話した内容です。 昔からマークアップエンジニアを悩ませて…
先日Adobeからプログラミング用途で作られたSource Code Proをベースに、日本語を最適化したフォント「Source Han Code JP」がリリースされたので、早速競合と比較してみます。 各フォントのダウンロード先 Source Code Pro github.com Ricty Diminished https://github.com/yascentur/RictyDiminishedgithub.com Source Han Code JP github.com 比較環境 マシン iMac Retina 5K テキストエディタ Atom (version 0.209.0) 各フォントを基本文字で比較 ※ 全てregularフォントでの比較です Source Code Pro Adobe製のフォントです。プログラミング用フォントなのですが、日本語をほとんど意識してないせ
本日も素人さんの原稿をチェックしているのですが、先日少し書いたように「特にこだわりがなければ開いた(平仮名にする)ほうが読みやすくなる表現」の一覧をザッとまとめてみました。まったく意識していない人が少し気をつけると、かなり変わります。 pic.twitter.com/kP5gq2aFbR — たられば (@tarareba722) May 30, 2015 先ほどの「開いたほうがいい表現」って、たぶん中学校くらいの体育教師が「走るときはアゴを引いたほうがいい」とか「腕は進行方向にまっすぐ振ったほうがいい」というような話なので、自己流で定着した走り方が楽だったり、もっと専門的な走り方が身に付いている人には関係ない話だとは思います。 — たられば (@tarareba722) May 30, 2015
Bootstrapは人気のフレームワークですが、日本語のコンテンツを表示するために最適化されているとは言えません。フォント指定・文字サイズをはじめ、日本語をより美しく表示するためのさまざまなアプローチを取り入れたテーマ「Honoka」を紹介します。 単に使用するだけでなく、他のものでも日本語を美しく表示させるのに役立ちます。 Honoka Honoka -GitHub 日本語フォントは、たくさんのフリーフォントがあります。 2017年用、日本語のフリーフォント 259種類のまとめ Honokaの特徴 Honokaのデモ Honokaのアプローチ -Bootstrapでの日本語表示最適化 Honokaの利用方法 Honokaの特徴 Honokaは、Bootstrapでより美しく日本語を表示させることにこだわったオープンソースのテーマファイルで、これをベースにWebサイトを作成したり、既にBo
一時期は全てのウェブサイトが中央寄せになるのではないかというくらいの勢いだったような気がするが、最近は左寄せが盛り返しているようだ。AwwwardsやHTTPSTERなどのジャンルレスのウェブデザイン・ギャラリーを見るとなんとなくそう思う。正確に言うとレイアウトは中央寄せしつつ、テキストは左寄せしているウェブサイトが増えている。 レイアウトの中央寄せは、最適な一行の文字数に限界があることを考えると採用せざるをえない。CSSでマルチカラム・レイアウトが簡単に提供できる様になれば少し変わる可能性はあるが、縦スクロールとマルチカラム・レイアウトの相性は良くない。実装方法は色々変化していくことだろうが、レイアウトの中央寄せ自体はこのまま継続して行われていきそうだ。 テキストの左寄せが盛り返しつつあるのは、ウェブ・フォントの流行と共にタイポグラフィーへの傾倒が進んだことによる結果だろうか。CSSの実
日本語Webフォントに革命がおきた. 詳しくは続きを読んでくれ. ちょっと大きく出てみた. 実装についての記事はこちら この記事で言いたいこと 動的に日本語フォントのサブセットを作成してくれるOSSを作りました. サンプルページはこちら 臨時のサンプルページはこちら 追記 herokuが落ちてる,メモリ不足だな.早い所Dockerfileつくろう. 追追記 herokuで運用は再検討したほうがよさそう.「こういうこともできます」の事例ということでひとつ. (やっぱり普通のサーバで動かす分には大丈夫そうな気がする.どうだろう) そんなわけで,どうぞご利用ください。 (ちなみに粗い作りなので,pull-requestやissue投稿をしてくださると嬉しいです.) 何が革命なんだ 革命が起きたというけど,どこが革命なの? 僕には革命が起きたようには思えないけど そんなこと言わんといて,泣くわ.
日本語ウェブフォントとは 日本語ウェブフォントも本当にゆっくりですが、広がりを見せてきています。私のホームページで使っているのも日本語ウェブフォントですし、このブログも実は日本語ウェブフォントを使用しています。ちょっと可愛い文字でしょ。SEOにも有利ですし今後広がっていくと思います。 FONTPLUSのFONT TIPS https://fontplustips.comではわかりやすく日本語ウェブフォントの説明がされているので、まずは基礎知識を得てみるのも良いと思います。Webディレクターとしておさえておきたい!日本語Webフォント最新事情でもわかりやすい説明があります。 私の公開しているフロップデザインフォントと、うつくし明朝体もウェブフォントを見据えてデザインされています。このブログはフロップデザインフォントをカスタマイズしたフォントです。フロップデザインフォントはフラットデザインのイ
個人でも商用でも無料利用できる、日本語のフリーフォント707種類を紹介します。 Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌まで、幅広く利用できる無料フォントが満載です! 前年の647からフリーフォントが50種類くらい増えています! ※サイト閉鎖などでかなりのフォントが減っています。気になったフォントはダウンロードできるうちにダウンロードしておくことをお勧めします。 本記事は定期的に、全フォントを確認して、更新しております。 初紹介のフォントから既存フォントも改めてリンク・ライセンスを確認しています(※情報はこの記事の執筆時のもの)。ライセンスはWebデザインだけでなく、同人誌や印刷物などでの利用も確認しました。 更新情報 2024/6/4: フォントを10種類追加 2024/2/20: フォントを11種類追加 2023/12/26: フ
人気RSSリーダー「Feedly」はPCブラウザの拡張機能やWeb版だけでなく、iOS・Androidアプリでも利用することができる。 Feedlyレビュー Feedlyアプリは、スマホ・タブレット向けに操作性が最適化されており、ユーザの使い方に応じて多様な詳細設定項目が用意されている。 2013年6月現在、日本語版が提供されておらず、今後の見通しも不明であるため、日本語で詳細設定を解説しておきたい。 PC向けFeedlyの設定方法の解説記事 アプリのAdvanced Settings:詳細設定 iOSアプリとAndroidアプリとで、設定項目の名称や順序、設定可能な項目が異なる場合がある。 もっとも、ほとんど重複する内容であるため、合わせて解説することにした。特に混乱することなくチェックできると思う。 本解説がベースにしているアプリのバージョンは、iOSがVersion 16.0.1、A
ブログや日記、メールなどを作成している際についつい「正しい文章」を書いてしまい、読んでいる人を辟易させたことはありませんか? 日本語が乱れがちな現代社会。 没個性を重んじる風潮が強いこの国において、”この人は正しい日本語が扱えるきっちりした人だ”と言う印象を与えることは、あなたのイメージを損ねる原因となりかねません。 そこで本日は、読んでいて気持ちの悪い「間抜けな文章」を書くために知っておくべき6つのテクニックをご紹介しましょう。 間抜けな文章を書くために では実際に気持ちの悪い文章テクニックと文例を見ていきましょう。 最初に出ている青枠は気持ちの悪い(今回の講座においては正しい)文章、赤枠はきっちりと構成された大変に読み応えのない悪い例です。 1.敬体と常体を入り混ぜましょう。統一性が無くなるからだ。 私は篠崎愛ちゃんが大好きだ。 彼女の豊満な体にばかり目がいきがちですが、注目すべきはそ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く