文字サイズの比率と調和
ウェブページのテキストはいくつかの文字サイズの組み合わせで出来ています。それぞれの文字サイズは情報の階層構造を表現するなどの役割を担いますが、同時にお互いが適切なバランスで調和しているべきです。そのため文字サイズはページやコンポーネントごとに場当たり的に決められるべきではありません。プロジェクトを通じて一貫したシステムを形成している必要があります。 そういった調和と一貫性を持った文字サイズのシステムを作るために、私たちのチームでは「調和数列」に基づいて一連の文字サイズを決めることがあります。調和数列とは等差数列（隣接する項が共通の差を持つ数列）の各項の逆数からなる数列です。 1, 2, 3, 4, 5, 6 ... // 等差数列 1, 1/2, 1/3, 1/4, 1/5, 1/6 ... // 調和数列 実際に調和数列を用いて文字サイズを算出する例を以下に示します。 $font-siz
Reimagining Google Fonts - Library - Google Design
The new Google Fonts makes it easier than ever to browse our collection of open source designer fonts and learn more about the people who make them Google Fonts first launched in 2010 as an engineering initiative to move the web forward and make it faster—using different technologies like cross-site caching of fonts and smart compression tools—and more expressive by creating a simple way to add mo
Open Iconic, a free and open icon set
Semantic SVGs Style with CSS Multi-color themes Smart icons 3 unique sizes Responsive Production ready How-tos OpenIconicAn open source icon set with 223 marks in SVG, webfont and raster formatsDownload v1.1.0Github Bootstrap and Foundation readyReady-to-use fonts and stylesheets that work with your favorite frameworks. Hyper-legibleWe're not joking. Open Iconic is designed to be legible down to 8
オリジナルフォントを使ったデザイン - クックパッド開発者ブログ
こんにちは、ユーザファースト推進部デザイングループの元山です。 デザイナーの皆さんはWebやアプリなどをデザインする上でフォントを作った事があるでしょうか？ ずいぶんと前から「これからはWebフォントの時代だ」なんて言われながらも、現実は中々使うのが難しいなぁと感じている方は多いかもしれません。 今回はクックパッドで実際に作ったオリジナルフォントを使ったWebやアプリのデザインについて事例を交えながら紹介してみたいと思います。 クックパッドでの事例 印象と機能を向上させるデザインのためのフォント ブラウザやアプリの標準のフォントではない特殊なフォントを使う理由として真っ先にあげられるのは、やはり文字の雰囲気や見た目でデザイン的な印象や見え方を向上することができる点だと思います。最近ではAppleのWebサイトもオリジナルのWebFontを使ったデザインに変わりましたね。 クックパッドでは特
Google Web Fonts Typographic Project
Hand-Picked Tales from Æsop’s Fables with Hand-Picked Type from Google Fonts There are over 800 Google Fonts available for free. But, pairing typefaces isn’t easy and many of those fonts don’t work for typical websites. Part of the 25x52 initiative, this collaborative, ongoing project offers inspiration for using Google’s font library.
Typ.io | Useful typography | Typ.io
We're revealing designers' decisions for all to see; peeking under the hood of beautiful websites to find out what fonts they're using and how they're using them. This month the fonts Inter, Archivo, Fortescue Display, ES Rebond Grotesque and Value Sans are all proving popular. There have been a bunch of sites relating to finance, business, banking, crypto and private equity. Out of the font servi
How to get started with layer fonts in CSS
We might be inclined to think of highly decorative and multi-colored fonts as belonging to the digital type age. Not so. Chromatic Type which enabled the use of outlines, shadows, and multiple colors (among other things) go back to the mid-19th century. They were made up of two or more corresponding sets that were printed one over the other, to create the desired effect. Their digital descendants
Beautiful web type — the best typefaces from the Google web fonts directory
Beautiful Web Type A showcase of the best typefaces from the Google web fonts directory. There are over 600 typefaces in the Google web fonts directory. Many of them are awful. But there are also high-quality typefaces that deserve a closer look. Below are examples of these typefaces in action. Click the examples to get the typeface from the Google web fonts directory. Maintained by Chad Mazzola W
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Material Design Fonticons
deform.jp - このウェブサイトは販売用です！ - 日本 アート デザイン デジタル ブランド ユニーク ヶ月 地図 リソースおよび情報
SVG Icon Libraries and Custom Icon Font Organizer ❍ IcoMoon