Tiff - a visual typeface diff tool.A type diff tool that visually contrasts the differences between two fonts. Currently supports fonts from the Google Web Fonts library and any system fonts. Best if viewed on the latest version of modern browsers.
Logo Vs. Icon: What Is the Difference? | Namecheap
Often used interchangeably, the branding terms “logo” and “icon” are not synonymous. They vary in appearance and purpose, but business owners might embark on their venture believing that a logo can do an icon's job. We want to clear up any confusion once and for all. Let’s take a minute to understand the logo vs. icon conundrum and explore some popular examples so you can give your brand exactly w
Typescale - Create stunning typography, generate CSS, and find inspiration.
Typescale Save CSS Go Pro Login Typescale New Board My Boards Bookmarks Likes Explore Login Go Pro Support Terms Privacy © Typescale Board Settings Responsive Body size Scale Responsive Min-width Body size Scale Body Font Weight Line-height Letter-spacing Color Background Headings Font Weight Line-height Letter-spacing Color
本文と見出しのフォントサイズを数学的にバランスの良い比率でデザインする -Type Scale
本文と見出し、中見出し、小見出しのフォントサイズはどのように決めてますか？ 一つの方法として、一定の比率でそのサイズを決めるのも有りです。というか、そうやってよく決めてました。 さまざまな比率をベースにして、本文や見出しの各フォントサイズを検討できるオンラインサービスを紹介します。 Type Scale 左の各項目は、下記のようになっています。 Base Size ベースにするフォントサイズを入力します。 Scale 比率を選択します。 1.2, 1.414, 1.618などよく使う比率だけでなく、カスタムで数値を入れることもできます。 Preview Text 表示するテキストを入力します、日本語でも可。 Google Fonts 日本語で利用する場合は、特に変更はいりません。 Font Family 明朝体の時は「serif」、ゴシック体の時は「sans-serif」を入力。 Weig
Stylify Me
Typography The quick brown fox jumps over the lazy dog and feels as if he were in the seventh heaven Header 1: Font, Style, Size, Leading, Colour
数多くの無料アイコンから必要なものだけをセットにして、軽量化されたWebフォントやSVGを作成できるサービスのまとめ
セットになったアイコンはデザインが統一されており、それはそれで便利ですが、全部のアイコンを使うことはほとんどないと思います。 自分が必要なアイコンだけをセットにし、軽量化されたセットにして、WebフォントやSVGとして利用できるオンラインサービスを紹介します。 用意されたアイコンからセットを作ってもよし、自分のアイコンを加えてセットにすることもできます。 flat icon フォーマット：font(woff, eot, ttf, svg), png, svg, eps, psd 462種類のパック、55,000個のアイコンから使用するアイコンだけを選択し、セットにすることができます。チェックしたアイコンはクッキーで保存されているので、ログインしないでも利用できます。
Webフォント・サービス FONTPLUS ｜ ためし書き
お使いのブラウザではご覧いただけません お手数ですが、最新の対応ブラウザ（Chrome／Edge／Firefox／Safari）にて再度ご覧ください。
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
Modular Scale
Bases are a scale’s root numbers. For example, the size at which your body text typeface looks best. More → Ratios are multiplied by the base to produce a scale of numbers that is proportionally related. If you know what size you want a heading to be, type the target value @ position on the scale like 36@5 More → How do I use this? Use a scale like you would use a ruler. Many people set heading ty
日本語フリーフォント共有サイト「FONT FREE」 フォント好き女子大生が制作
「あなたの欲しかったフォントが、すぐに見つかりますように。」――フリーフォント情報共有サイト「FONT FREE」が登場した。作ったのは、関西外国語大学3年生の林奈央さん（21）。「私自身フォントが大好きで、1カ所にフォントが集まっていれば探すときに便利だし、集めたフォントを眺める事ができたら幸せだと思って」制作したという。 日本語の無料フォントを約70種類掲載。明朝やゴシック、手書きなどのカテゴリーから選んだり、キーワード検索できる。 各フォントのページには、関連フォントや対応OS、商用の可否なども掲載。ダウンロードページへのリンクと、同ページ内のダウンロードボタンの位置ガイドも掲載し、ダウンロードしやすくしている。 フォントを利用する際は、配布ページで利用規約を必ず読むようユーザーに呼びかけている。また、掲載してほしい日本語フリーフォントがあれば、フォント名とURL、メッセージを添えて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォント作成に詳しくなくても大丈夫、自分好みのフォントが簡単に作成できてしまうオンラインサービス -metaflop
コンピュータに入っているフォントを指定した文字列で一覧表示するオンラインサービス -wordmark.it
Fontworks｜フォントワークス
Google
Adobe Fonts
Calligraphr - Create your own fonts.
Octicons Your project. GitHub's icons.
Twitterっぽいフォントでロゴを作ってくれる『Twitlogo』 | 100SHIKI
Shapecatcher: Draw the Unicode character you want!
SVG Icon Libraries and Custom Icon Font Organizer ❍ IcoMoon