個人でも商用でも無料利用できる、日本語のフリーフォント332種類を紹介します（公開時より、3+18個増えました）。 ビジネスからプライベートまで、幅広く利用できる無料フォントが満載です！ 去年は260種類だったので、今年は大幅に増えています。 中には、配布先が変更されたフォント、配布終了になってしまったフォント、無料でなくなったフォント、ライセンスが変更されたフォントもいくつかあります。 最新版を公開！フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ 初紹介のフォントから既存フォントも改めてリンク・ライセンスを確認しています（※情報はこの記事の執筆時のもの）。ライセンスはWebデザインだけでなく、同人誌や印刷物などでの利用も確認しました。
「Chromeでも読みやすい游ゴシックを指定する方法 」にご興味を示していただいた方、お待たせしました。 游明朝を基準としたfont-familyを指定するにはどうしたら良いかの記事になります。 Macでは問題ないのでWindowsについての内容になります。 先に結論 ゴシック体のようにバグを回避しつつも適用させる。 そんなこと明朝体では出来ません。 游明朝で問題になるのはfont-weight: 500;なので、コレを絶対に使用しないというコーディングルールがあれば、通常の記述で問題無いでしょう。（フレームワーク等で指定されているものは直しましょう） よって游明朝を指定する場合は下記のようになります。 ただし、IEのバグが回避できないので、個人的にはどうしても明朝体を使用したい場合は素直にWebフォントか画像を使うのがベストだと思います。 游明朝がダメな理由 游ゴシックとは違い、Chro
お探しのものはたぶんここにはないです。 ここはなに 使われなくなったサブドメインたちの墓場です。 提供していたサービスとその移転先 tachikawa.maud.io とか諸々を提供していた自宅鯖は 2019.10.31 を以て閉鎖されました。4年間ありがとうございました。 Minecraft: craft.maud.io はサービスを終了しました。 Nextcloud: cloud.akane.blue による全ての共有ファイルの提供は終了しました。 Koruri: 移転しました FlokoROM: 移転しました その他: あったかもしれないが全部潰したのでもうない リンク プロフィールや連絡先: maud.io CSS framework: lit © 2019- lindwurm
ふつうに入力した文字でも、ちょっとした質感をプラスすることでデザイン全体の雰囲気を高めることができる。しかし、実際に手作業でつくるとなるとたいへんで手間もかかる。ここでは、インクのにじみや質感を表現した活字風の文字を作成する。ファイルサイズは100（W）×70（H）mm、解像度は350dpiで作業する。 ①下地となる文字を作成 まず、テクスチャ感のある下地の紙をPhotoshopで開いたら（左）、新規レイヤーを作成して白で塗りつぶす。次に、横書き文字ツールで文字を入力したら、前面の文字のレイヤーとその背面の白で塗りつぶしたレイヤーを結合し、［描画モード：乗算］にする（右） ②文字のエッジを滑らかにする 次に、描画色を黒、背景色を白に設定したら、“ブラシストローク”→“はね...”フィルターを［スプレー半径：8］、［滑らかさ：8］にして適用（左）。続いて、“スケッチ” →“スタンプ...”フ
せっかく書くことがないんだし、フォントのことでも書いていこうと思う。一度に書ききれる量には限界があるので、シリーズ化していきたい。フォントのことは本当に*1よく知らないけど、同人誌とかでフォントを使っていきたいって人向けの記事にしていく予定なので、既にある程度の知識があるよ、モリサワパスポート契約してるよ、写研大好き、という人は何も言わずにタブを閉じよう。本講義ではフォントの基礎的知識を学び、同人誌作成等に必要な理解を得ることを目標としている。評価は出席点による。 第一回の内容は「フォントの種類、値段」です。長いですがお付き合い頂ければ。 フォントっていろんな種類があるの？ 書体を種類分けするときの一番大きな括りは、書体のジャンルでしょうね。「明朝体」「ゴシック体」といったアレです。ジャンルによって見た目のイメージとかが変わってくるので、場面によって使い分けることがほとんどです。以下に代表
こんにちは！WebデザイナーのMihoです。 英語サイト制作において、日本語サイトとの違いは多々ありますが、 そのひとつに「フォント（書体）のバリエーション」があります。 欧文フォントは、和文フォントに比べて圧倒的に「種類」が多いです。 豊富な種類の中から、フォントを選ぶことが出来る一方で、 どのフォントを使用するかで、Webサイトの「印象」や「可読性」が大きく変わります。 欧文フォントは、大きく分けて、「セリフ体」と「サンセリフ体」の2つに分類できます。 「セリフ」は「飾り（ヒゲ・ウロコ）」を、「サン」は「無い」を、それぞれ意味し、 「セリフ体」は「飾りのある」文字、「サンセリフ体」は「飾りのない」文字を示します。 尚、「セリフ体」は「優雅・気品・伝統的・保守的」、 「サンセリフ体」は「クール・ポップ・モダン・リベラル・都会的」 といったイメージを表現しやすいです。 Webサイトにおいて
公開日：2014年8月22日 最終更新日：2019年3月25日 Webページで使用するフォントはCSSでfont-familyプロパティに指定します。PCサイトの場合はWindowsとMac OSを対象にしますが、スマートフォンで閲覧することも考え、iOSとAndroidも含めた指定を検討してみました。 欧文フォントだけを考えればいいのなら、Webフォントで対応することが現在は主流です。 しかし文字種類の多い日本語フォントが必要なサイトでは、どうしても端末にインストールされているデバイスフォントを使用せざるを得ません。 どういうデバイスフォントがインストールされているかは、端末により異なります。 MacとWindowsで共通しているフォントもありますが、デフォルトで使用するフォントは違いますので、Webページの表示を整えたいのならきちんと指定することが必要です。 スマートフォンまで考えたら
「明朝体はこのままだとあと20年もすればこの世から消えてしまうかもしれない」。独立系フォントベンダーであるタイププロジェクト社長の鈴木功さんはそう語る。鈴木さんはタイプデザイナーであり、デザイン業界で評価の高いAXIS Fontの生みの親として知られる人物だ。 事実、明朝体を目にする機会は激減している。PCのWebブラウザーはもちろん、スマートフォン、タブレットといったデバイスの基本フォントはいずれもゴシック体。ニュースは新聞ではなくニュースサイトやアプリでチェックし、知りたいことは本ではなくググるかFacebookで尋ねる時代。紙媒体ですら、ゴシック体で堂々と本文を組む書籍が増えた。私自身、Web業界の経験が長い新人編集者に、明朝体で組まれた新刊のゲラを「なんか読みづらい」と言われてしまった経験がある。 「気持ちが悪い」から始まった、明朝体の居場所作り 6年前。鈴木さんには忘れられないエ
HTML & CSS Please copy & paste this code to your HTML file or Stylesheet. <p>Simple use for mailto link.</p> <a href="mailto:mai[email protected]" class="lsf">mail</a> <p>Use tha icon with text.</p> <a href="http://twitter.com/" class="lsf-icon" title="twitter">Twitter</a> <p>Use tha icon with unicode.</p> <a href="http://amazon.com/" class="lsf-icon amazon">Amazon</a> /* CSS */ @font-face { font-fami
今月の初めにLigature Icon フォントセットの自作方法とWebFontというエントリーを書きました。これはsymbolsetというサイトにinspireされて、Ligature機能を使ったSymbol Web Fontを自作しようという試みを書いたものです。しかし、この時はsymbolsetで実現されているようなものには及ばない不完全なものになってしまいました。 その後、いろいろと調べたり試したりする中でsymbolset相当のWebFontを自作することが出来ました。今回はそのプロセスと技術的解説について紹介したいと思います。 Ligature Symbols について まずは今回自作したWeb Fontのデモページをご覧ください。 【DEMO】 Ligature Symbols 今回作成したLigature Symbols FontはOFLライセンスで公開しており、ダウンロー
12月 12 2014 | fonts 多言語対応で超ハイクオリティーなフリーフォント「Noto Fonts(Source Han Sans・源ノ角ゴシック)」 #LOVEFONT この記事は#LOVEFONT Advent Calendar 2014の12日目の記事です。 去年に引き続き2度目の参加です。今年はつい先日話題になったばかりの巨大フォントプロジェクト、Noto Fontsを紹介したいと思います。 ※本来は私の本ブログのほうに置こうと思ってたのですが、現在ブログがぶっ壊れていて復旧できていないので、一時的にGitHub Pagesに置いています。パーマリンクはhttp://blog.hakatashi.com/exhibit/noto-fonts/です。 ※私はGoogleの中の人とかでは全くない完全な一般人なので、一部記述に誤りを含むかもしれません。間違いを発見した場合は遠慮
2014-12-10 シャープなシルエットが美しいフリーフォント、ADAM #LOVEFONT Advent Calendar 2014 Day 10 以前から密かに憧れていた、#LOVEFONT Advent Calendar 2014 - Adventarの10日目の記事を書かせていただくことになりました。 フォントの事情等にはあまり詳しくないため、他の方々より大雑把な記事になってしまうかと思いますがご了承ください。 #LOVEFONTとは WEBCRE8.jpの酒井優さんが主催されている、毎年恒例Advent Calenderを使ったイベントです。 私が好きなフォント「ADAM」 「ADAM」はインドに住むShrenik Ganatraさんの手によって作られたフリーのセリフ体フォントです。Futuraにインスパイアされて制作され、今年の1月に発表された比較的新しいフォントで、発表さ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
