プロっぽくなった！フォントや「文字」に関するまとめ
作成：2013/10/28 更新：2014/10/24 Webデザイン > 先週、合同商談会があったのでバタバタとリーフレット作ったんですが、字詰めなどに慣れてなくて時間をとられました。サイトをリニューアルするときもフォントの大きさ、行間、位置などで悩んだり。今回はWebページを読みやすく、見栄え良くするために「文字」に関する知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ フォントに関する知識 １．字間 ２．行間 ３．字詰め ４．文字組 ５．ジャンプ率 ６．余白／図版率 ７．メリハリをつける ８．書体 ９．読みやすいフォントサイズ １０．見やすい文章 １１．Webフォント スライド １２．フォントに関するスライド フォントに関する知識 １．字間 字間とは文字と文字の間に生まれる空間。文章の行間・送り、漢字とひらがなの字間など文章レイアウト
メイリオフォントよりメイリオKEフォント 「MeiryoKeGothic」 - Net Life
Windows Vistaでは標準で「メイリオ」になってます。 確かに結構見やすいんですが、他のフォントと比べて文字幅が若干広く、ブログ記事なんか書いてると一段ずれたりと融通が利かないといった場面に出くわします。 それに、Vistaユーザーなら良いんですが、XPや他のOSでメイリオを入れていない人も多いかと思います。 ということで、文字はそのままで幅だけ調節してあるのを探して発見したのがこの、「MeiryoKeGothic」というフォント。早速DLしてテンプレートCSSにも設定しました☆このMeiryoKeGothicを入れてる人には見える筈です。 これは、メイリオの文字幅を他のフォントと同じように調節した物で、それ自体はそのままに、幅だけが調節されてて良い感じです☆ ちなみに、先にメイリオを入れている必要があります。 『このフォント自体が見つからない』と色々な所でみましたので、導入方法と
無料でダウンロード可能＆デザイナーに人気の英字フォントいろいろ
ウェブデザインやポスター、フリーペーパーなど、何かをデザインするときにシンプルすぎるフォントでは物足りないし、かといってインパクトがありすぎてもデザイン全体とマッチしない！という事態に陥ってしまうこともしばしば。うまく使えば効果的なのですが、洗練されたデザインフォントを見つけるのは難しい……ということで、デザイナーに人気の無料フォントをSmashing Hubが集めています。 Top 50 Sources for Designers to Download Free Fonts http://smashinghub.com/download-free-fonts.htm ◆01:Source Code Pro | Free software downloads at SourceForge.net Source Code ProはSource Sans Proに続くAdobeのオープンソー
漢字が使える日本語フォント 無料ダウンロード 46種類 : 4GALAXYのメモ
56 10 09 2007 漢字が使える日本語フォント 無料ダウンロード 46種類 Japanese, Font 数少ない漢字が使えるフリーの日本語FONTをサムネイル付で紹介。 使用する場合は各ページの利用規約に添ってご利用下さい。 モトヤ - トップページ 会員登録が必要です。 Holiday MDJP02 - トップページ キャパニト・アニト・セプテンバー・あられ・えれがんと・東くずれ - トップページ 会員登録が必要です。 切り文字 - トップページ モフ字 - トップページ S2Gシリーズ - トップページ あくあフォント - トップページ しねきゃぷしょん - トップページ じゃぽねくす - トップページ あずきフォント うずらフォント 怨霊フォント - トップページ あんずもじ - トップページ えるまーフォント - トップページ ウナオジャポン・鞦韆堂フォント・昭和ノスタル
漢字も使える日本語フリーフォント98種類まとめ [サンプル書体付き] 56docブログ
フリーフォントまとめエントリはいろんなブロガーさんがまとめてらっしゃって私もちょいちょい参考にさせてもらってますが、サイト移転などでリンク切れがあったりするので2012年2月版としてあらためてまとめました。 今回まとめた分は現時点でのリンクチェックとダウンロード可能であることを確認しております。せっかくですので比較できるようにサンプル書体画像も作成しましたので参考にどうぞ。 【追記】ウェブフォント絡みでGoogle web font APIの記事書きました。興味があればコチラも参考にどうぞ。 Google web fonts APIで自由なテキストデザインを 日本語フリーフォント一覧 フォント使用に当たって 今回紹介する分は基本的に無料でダウンロード可能な、漢字の使える日本語フォントにしぼりました。 個人利用は原則制限のないものですが、一部フォントについては商用不可であったり再配布・改変な
![漢字も使える日本語フリーフォント98種類まとめ [サンプル書体付き] 56docブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/5199b7bf14bad177c606b17811be90ad76390f2e/height=288;version=1;width=512/https%3A%2F%2Fblog.56doc.net%2Fwp-content%2Fuploads%2F2019%2F06%2Ffontex001.jpg)
同人マンガや小説の本文に最適のおすすめフォントはどれ？ ｜ お絵かき速報！萌え絵上達法
1：スペースNo.な-74：2011/07/30(土) 18:38:52.82 ここは同人誌作成に欠かせないフォントについて雑談する スレッドです。皆様のオススメフリーフォントサイトや このフォントって何？等の質問など何でも書き込んでください。 表紙のみならず、同人誌印刷所スレで度々出る本文のフォントに ついても情報をお待ちしています。 ＊同人で使えるフォントについての情報交換の場です。 ＊有料フォントの無断無料配布はご遠慮ください。 ただし「○○のサイトで（お金を払えば）手に入る」等の 情報はどんどんお寄せください。 ＊ＭＳフォントはvista以降同人での利用が可能になりました。 119：スペースNo.な-74：2011/08/24(水) 05:58:24.55 フリーで商業誌に一番近いのを再現するとしたら ひらがなと漢字は何と何の組み合わせがいいの？ 120：スペースNo.な-74：2
同人誌を作る時に最適の読みやすいフォントはどれ？ ｜ お絵かき速報！萌え絵上達法
1：スペースNo.な-74：2011/01/11(火) 20:19:38 ここは同人誌作成に欠かせないフォントについて雑談する スレッドです。皆様のオススメフリーフォントサイトや このフォントって何？等の質問など何でも書き込んでください。 表紙のみならず、同人誌印刷所スレで度々出る本文のフォントに ついても情報をお待ちしています。 ＊同人で使えるフォントについての情報交換の場です。 ＊有料フォントの無断無料配布はご遠慮ください。 ただし「○○のサイトで（お金を払えば）手に入る」等の 情報はどんどんお寄せください。 ＊ＭＳフォントはvista以降同人での利用が可能になりました。 2：スペースNo.な-74：2011/01/11(火) 20:20:19 About Font http://home.intercity.or.jp/users/masak/ 和文フォント大図鑑(旧 Fonts 大
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ガーリーデザインなんかに良く合うカリグラフィーやスクリプトのフリーフォント ｜https://wp.yat-net.com/name