デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周りのお話
こんにちは。TAK(@tak_dcxi)です。 今回記事にするのはタイトル通り「デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周り」についてです。以前ツイートしましたが、特に説明もなかったので自分の備忘録も兼ねて。 Androidに明朝体は無い Apple製品しか利用しないデザイナーの方に話したら非常に驚かれるのですが、Androidにはデフォルトで明朝体は入っていないです。 よく明朝体マシマシのデザインを見かけたりするのですが、デバイスフォントだけではAndroidでそのデザインを実現することは不可能だと思っておいたほうが良いでしょう。 ただ、明朝体のWebフォントを利用すればAndroidでも明朝体は表示できるので、デザイン的に明朝体が必須って場合はWebフォントを利用しない手は無いと思います。 個人的見解ですが、デザイン重視なら明朝体はGoogle FontsでN
2024年に最適なfont-familyの書き方 - ICS MEDIA
ウェブサイトのフォントは何を指定すればよいのでしょうか？ CSSのfont-familyプロパティーに指定可能なフォントは選択肢が多く、HTMLコーダーなら誰もが一度は迷ったことがあるはずです。 font-familyの組み合わせを紹介している記事は多々あります。しかし、必要のない指定や、考察不足なまま紹介している記事を見かけることは少なくありません。それもそのはず、フォント事情は日々変化するもので、古い情報は役立たないことが多いためです。 本記事ではフォントに関わるここ最近のビッグニュースを取り上げつつ、教訓から学んだ変化に強い「無難」なフォント指定を紹介します。 結論 いきなり結論ですが、以下のフォントの組み合わせがオススメです。CSSのbodyセレクターなどにコピー＆ペーストして利用ください。 body { font-family: "Helvetica Neue", Arial,
手書きフォント「殴り書きクレヨン」のダウンロード｜すもももじ
このフォントは何？ クレヨンタッチの手書きフォントです。殴り書きのため読みにくい文字も多々あります。 漢字は第一水準まで収録してあります。商用利用も可能ですが、可読性・正確性の保証はできないためご注意ください。 動作環境 Windows、Mac OS等の主要なOS フォントのデザインについて ポップで、雑で、手作り感あるフォントです とくにかく無計画にクレヨン手書きフォントを作ろうと考えて完成したフォントです。 書けば書くほどクレヨンが削れていき、画数の多い字は悲惨なことになっています。 かな文字は全体的に小ぶりな仕上がりになっており、字幅を調整してあるため「リアルな手書き感」は再現できました。 使用場面はかなり限られます。特に本文での使用は適しません。商用利用も可能ですが、ご利用の際は、可読性が落ちるが問題ないか、誤字がないか（←チェックはしましたが確認漏れがあるかもしれません）、なども
コーディングに最適な日本語対応の等幅フォントSource Han Code JPとは – ICS MEDIA
コーディング向けの日本語対応の等幅フォント「Sourceソース Hanハン Codeコード JPジェイピー（和名：源ノ角ゴシック Code JP）」が、2015年6月4日に公開されました。「源ノ角ゴシック Code JP」は、プログラミングやHTML/CSSのコーディング、ターミナルでのテキスト表示など、和欧表示用フォントとしての利用を想定されたフォントです。 ダウンロードはこちらから Release Fonts (OTF, OTC) · adobe-fonts/source-han-code-jp · GitHub ※このフォントは無償でダウンロード可能です。OTCとTTFの両方のフォーマットで配布されているので、Windows/macOSともに簡単にインストールできます。 ※上記リンクの「Fonts version ［バージョン番号］ (OTF, OTC)」となってい箇所の［Sourc
デジタル時代の横書き明朝体「TP明朝」 「アルドノア・ゼロ」が採用、ディスプレイにも文学的なたたずまいを
「明朝体をもう一度日常に」――Webサイトやデジタルデバイスの普及で見かける機会が減っている明朝体。今の時代に適した新たなスタンダードを目指し、「AXIS Font」を手がけるタイププロジェクトが開発したのが横組みに特化した「TP明朝」だ。なぜ今、あえて明朝体なのか。生みの親の鈴木功社長に聞いた。 明朝体とゴシック体、逆転する存在感 明朝体は、毛筆の楷書体が様式化された書体で、ゴシック体と並ぶ基本スタイルの1つ。基本的な地の文の書体として広く使われてきたが、縦の線が太く横の線が細い、縦書きの視線運びを意識した形式であることから、デジタル化の進展とともに利用シーンが減っている。Webの日本語表示はゴシック系がほとんどだ。 鈴木社長は「以前はカジュアルなゴシック体が脇役的な使われ方をしていたのに、現在は逆転している印象。スマホやPCが基本の若い人たちにとっては、もはや見慣れないフォントになって
fontgraphic - FGゼロダウンロード
FGゼロTTFフォントデータダウンロード v.01---2013.09.21公開 v.02---2013.09.22ひらがなをより直線的、全体的にドット及びグリフ配置情報の調整 ひらがな、カタカナの特徴 FGゼロゴシックは、シャープでレトロな印象が特徴。特にカタカナは一切ノ丸ミヲ許サズ設計。零式艦上戦闘機の細部プレートに使われていた文字を忠実かつ、現代風にアレンジ。 英数字の特徴 半角英数字はトゥルータイプ幅2048emに対して、1400em等幅構造となっており、和欧混植の際に、日本語の中に自然に英単語や数字がとけ込むようなデザインを目指しています。本文としての英文字は一般的には没個性的なものが読みやすいとされますが、あえて個性を全面に出しながらも、ゆったりとした等幅構造をとることにより、可読性の高さとグレースケールの統一感に配慮。 零戦のタイヤ部分、緩衝脚柱部分の油と空気圧の説明プレー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - ookamiinc/kinto: 均等 — Kinto is a Japanese font family adapted to match size & balance with Latin characters in user interfaces. A project based off Google Noto fonts.
日本語表示に配慮したコーディング向けフォント「Source Han Code JP」v2が公開