良質なデザインを作るため揃えるべき日本語フリーフォント10種類 - ベーコンさんの世界ブログ
フォント大好きデザイナーのベーコン（@dogdog464646）です！ 良質なデザインを作るには、良いフォントが欠かせません。 それでは、「良いデザイン」ってなんでしょう？ ちょっと頭に思い浮かべてみてください 例えば… ・かわいいデザイン？ ・お客さんが使いやすいデザイン？ ・意味が伝わりやすいデザイン？ こんな感じでしょうか？ じゃあ正解の発表です 正解は… 全部です！ というかデザインの正解は、状況によって変わるんですよね なので、状況によって変わる「いいデザイン」に対応するためには「たくさんの種類のフォント」が必要になります たくさんの種類のフォントで、表現の幅を広く持つことで、デザインを正解に導きやすくなります この記事はデザイナーだけではなく ・イラストレーター ・エンジニア ・ブロガー ・プレゼン資料を作っている人 ・学校やサークルでチラシを作る人 このような人たちに役立つ、
書籍『実例付きフォント字典』の感想とWebでのフォントの話 | ブログ | SINAP - 株式会社シナップ
こんにちは、SINAPの久保田です。最近、会社のチーム予算で、気になっていた書籍『実例付き フォント字典』を購入したので、その感想とWebでのフォントついて書いてみようと思います。普段からWeb制作に携わっている方々には当たり前のことかもしれませんが、そうではない方向けに書きますので「Webでの表示ってどうなっているの？？」という疑問をお持ちの方などは参考にしていただけると幸いです！ 書籍「実例付き フォント字典」の概要と感想 出版元のパイインターナショナルさんの紹介にも書かれている通り、「使用イメージがわかる実例作品付きフォント見本帳」で、フォントベンダー21社の和文書体1768種が収録されたフォント見本帳です。 本の中身は、出版社のwebサイトで閲覧できます。 実例付きフォント字典 / PIE International + PIE BOOKS フォントは会社ごとにパッケージで購入する
「ウェブ時代のデザイナーのための文字組入門 」に参加してきました - デザイナーのイラストノート
JUSO Coworkingで10/4に行われた「ウェブ時代のデザイナーのための文字組入門 」に参加してきました。講師はなんでやねんDTPで有名な大石さん。最近パンフレットなど印刷物をご依頼いただく機会も増え、本を買って読むもののなかなか疑問を解消できないわたしにはぴったりの勉強会でした。今回の記事はIllustratorで印刷物のデータを作る、という前提です。 そもそも文字組・文字詰めは何のため webデザインでは、デバイステキストを自由に詰めたり組んだりすることがむつかしいため、文字組・文字詰めと聞くと「なんか難しそう」と構えてしまいがちです。 私たちがよく使うフォントというのは、四角い箱の中でデザインされています。しかし日本語のように「ひらがな」「カタカナ」「漢字」と様々な文字の形があると、当然小さい形、大きい形が出てきます。また、約物と言われる「」や（）や・などは、隣り合うと何だか
TypeSquare Web Font Tryout
TypeSquareで配信されるフォントを使って、 あなたのWebサイトの書体を自由に変更できます。 URLを入力して「Tryout」をクリックしてください。
GoogleとAdobeのフォントNoto Sans（Source Han Sans）の画期的なところ
2014年7月16日に、Google と Adobe がリリースした Noto Sans（Adobe からは Source Han Sans という名称でリリース）というオープンソースのフォントファミリーは「日本のWebデザイン史上に残る画期的なフォント」だと思ったので記事にしました。 これまでの問題 ウエイトの不足 普段Webデザインなどの仕事をされている方でないとあまり気にすることはないかもしれませんが、たとえば Android は、アプリによっては下記のように日本語部分と英数字部分で大きくウエイト（フォントの太さ）が異なることがありました。 ※この画像は、Nexus 7（Android 4.4）で Twitter 公式アプリを表示した時のものです。 Nexus 7 では Chrome ブラウザーなどでは日本語・半角英数字ともに丸ゴシックで表示され、ウエイトもおかしくないのですが、アプ
GoogleがWebフォントサービスを開始 - フォントブログ
Webフォントが一般に広まった全盛期には国内外含め様々なWebフォント配信サービスが登場しましたが、まさに戦国時代そのもので、数年後には多くのサービスが終了となってしまいました。 2023年現在、利用されているWebフォントサービスをまとめてみました。 Google Fonts 完全無料で誰でも利用可能ということもあり、現在一番利用されているGoogle Fonts。定番のNoto Sans以外にも、ZEN 角ゴシックやBIZ UDゴシックなど、プロ仕様の日本語フォントも使えます。デスクトップ用のフォントもダウンロード可。 Adobe Fonts Adobe Creative Cloud契約者なら誰でも使えるAdobeのフォントサービス。かつてはTypekitの名でサービス展開されていました。完全に日本語化され昔に比べるととても使いやすくなりました。デスクトップ用のフォントもダウンロード可
続編/さらにプロっぽくなった！フォントに関するまとめ
作成：2013/11/11 更新：2014/10/24 Webデザイン > 前回フォントや「文字」に関するまとめを書きましたが、書き足りないことが結構あったので、続編を作りました。今回は自分の勉強もかねて、フォントに関する基礎知識、アキ、段組み、詰め、図版などデザインに携わるなら知っておきたい知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 文字の基礎知識 １．文字用語 組版 ２．組版(くみはん) ３．禁則処理 ４．追い込み／追い出し／ぶらさがり ５．段間 行間(レディング) ６．アキ ７．行長 ８．段組み ９．黄金比 詰め １０．プロポーショナル詰め １１．音引き １２．拗音(ようおん) １３．合成フォント 余白 １４．近接と遠隔 １５．版面（はんづら） 図版 １７．図版率 １８．訴求度 文字の基礎知識 １．文字用語 頻繁に出てくる、ちょ
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
フォントを作成できるフリーソフト
FontForge（作者：ジョージ・ウィリアムズ） - Win, Mac, Linux（フリーソフト） こんにちは、さち です。 今回は、フォントを作成できるフリーソフト「FontForge」を紹介します。 いや、紹介より覚え書きの意味合いが強いかも。 というのも、このソフトについて検索をしても 使い方を解説しているサイトがほとんどないんです。 公式ヘルプと試行錯誤で 何とかフォントを出力するところまで辿りつけたので 忘れないうちに記事にまとめておきます。 FontForge の使い方で困っている方のお役に立てたら幸いです。 Windowsで使用するには FontForge を Windows で使うには 特殊な方法が必要で素人にはハードルが高い…。 しかし！ 簡単に導入できるようにしたものを 配布してくれている方がいるのでこちらを使わせて頂きます。 非公式みたいですが非常にありがたい！
【保存版】Webフォントの使い方と無料のおすすめサイト一覧（日本語・欧文） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
先週、新婚旅行という人生最大級の贅沢を楽しんできたため、日本に帰ってきて放心状態になっている野田です。 もう少し逃げていたかった……現実から……。 という話は置いておいて。最近LIGのブログではフォントネタが頻繁に登場するようになってきたので、それに僕も便乗しようと思います。 Webに関わっている人でも、「フォントが大事なのはわかるけどWebフォントは設定していない……」 という人も多いんじゃないですか？ 今日はWebフォントの使い方とおすすめの無料で使えるWebフォントサービスをご紹介します。 「わからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！
ゆず屋
漫画、アニメ、ライトノベル関係のロゴに使われているフォントの紹介。オタクのためのフォント読本「書体の研究」の情報も。「狼と香辛料」第壱話 〜我こそは誇り高き賢狼の狼である〜 from 混沌と勇気日記。 〜新たなる勇ましき無秩序の世界〜 01/11 22:24 みなみけ〜おかわり〜 1杯目「温泉、いただきます」 それが今重要か？ from 裏オタク 01/11 04:42 シゴフミ 第1話「コクハク」 from 天使は瞳を閉じて 01/09 04:19 みなみけ~おかわり~ 第１話 from ニコパクブログ１号館 01/08 03:17 みなみけおかわり１杯目『温泉、いただきます』 from アニメ好きのケロポ 01/08 00:00 昨日の土曜日はこれを観ていました。 『乃木坂春香の秘密』の DVD 第１巻です。 で、同封されていた冊子にちょうど良い資料があったので、以
アバウトフォント｜フリーフォントとDTP製品FONTリンク集｜ダウンロード
ABOUT FONTはフォントに関するホームページ。フォントを探している人や、フォントの事で困っている人、DTP＆グラフィックデザインでフォントを使いたい人の役に立つコンテンツを目指しています。 多くの方のご協力・情報を頂いて運営しています。フォント・フォントツール、フォント情報サイトを制作された方はご連絡下さい。更新時に掲載、紹介をいたします。無料でダウンロードできるフリーフォントを中心に国内フォントサイトを紹介しているのがFONT LINK 、フォントをカテゴリー分けして紹介しているのがFONT CATALOG、フォントトラブルはTROUBLE。フォントの世界をお楽しみ下さい。注意：フリーフォントは無料の意味ではありません。フリー（自由）にダウンロードできるという意味です。使用についてのトラブルがあった場合も当サイトは一切の責任を取りません。フリーフォントユーザーの為のネットマナーを守
美しく文字を組む
タイポグラフィとは Webデザインの世界では、デザイン教育を受けたことがないデザイナーが大勢います。始めたきっかけはHTMLの勉強からだったり、もともとプログラマーだったりと、その背景はさまざまです。これはWebが、プログラムや動画など、ほかのメディアよりもジャンルの要素が多いためではないでしょうか。 筆者も同じく学生時代にデザインの教育は受けていません。デザイン会社の現場で、実践とともにデザインを学んできました。しかし、デザインの仕事を始めてからスキルアップのため、重要性・必然性にかられて正式に学んだものの1つにタイポグラフィがあります。 タイポグラフィとは、デザインの中で文字を扱う技術、もしくは文字にかかわる知識・学術のことを指します。例えば、レイアウトを行う際に、美しい書体を選択することや、字間のバランスを整えて、読みやすさと視認性を高める技術がこれに該当します。 現在の商業デザイン
#Font 和文（日本語）フォントメーカー 一覧 / Maka-Veli .com
和文（日本語）有料フォントをざざーっと見比べたい時って皆さんどうしてますかね？ って友人に聞かれて、そういえば欧文みたいにまたいでサクサク見れたらいいのになぁーなんて思ってて。僕は本とか雑誌とかで探したり、フォントメーカーサイトを見まわったりしてるんですが、何か良いのご存知ないでしょうか？ そんなわけで、よく使っていたり、買いたいなーって狙ってるの合わせて、和文フォントメーカーサイトを挙げておきますね。 モリサワ http://www.morisawa.co.jp/ AXIS http://www.axisfont.com/ フォントワークス http://www.fontworks.co.jp アドビ http://www.adobe.com/jp/products/type.html 大日本スクリーン http://www.screen.co.jp/ga_product/
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
約400種の欧文フォントが全部無料（商用可）でWebFontも使えちゃうFont Squirrelって素敵 / Maka-Veli .com
もう数年前にコリスさんやCREAMUさんで紹介されてましたが、恥ずかしながら知らなかったです。こんなに素敵なサイトがあったなんて。 最近DesignModoで紹介されていたので知りました。 すげー関係無いけどCREAMUさんのブログ超好きです 全部フリー 基本的には全て商用可。だそうです。 100% Free For Commercial Use. ただしフォントそれぞれにライセンスはあるので一応、要確認。 とても探しやすく、種類も豊富。400近くはあるんじゃないでしょうか？ 個人的には探しやすい点がとても気に入りました。 そしてもう一つ素敵なコンテンツがあったのですが Webfont kit がDLできる。そして作れる。 うちのサイト名やナビゲーション等に@font-faceでLeague Gothicを使ってますが、この@font-faceでwebfont使う時に必要な
Websites for Text and Fonts That You’d Better Add to Bookmarks
2015年1月16日 フォント, 便利ツール 久しぶりにブックマークしているサイトを整理しました。という事でお掃除後の恒例行事？私がブックマークしているフォント・Webフォント・テキスト関連のWebサイトを、中の人へ感謝の気持ちも込めてシェアします！何年もお世話になっているサイトばかりですが、ここ最近はWebフォント関連のサイトが増えてきましたね。いいな！と思えるサイトがあれば嬉しいです。 ↑私が10年以上利用している会計ソフト！ フォント関連 フォントhack.jp フォントhack.jp 日本語の無料フォントの表示確認ができるサイト。複数のフォントを表示して比較することもできます。 dafont dafont 英字の無料フォントを大量に集めたサイト。大量すぎて眺めてたらいつも物凄く時間がたってますw ライセンスは各自要確認。 フォントガレージ フォントガレージ 日本語フォントの販売サイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本語フリーフォントまとめ63個 – 2013年7月｜男子ハック
新着記事
Gutenberg Labo - オープンソースフォントファウンダリ
