Making the web more beautiful, fast, and open through great typography
Making the web more beautiful, fast, and open through great typography
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
It’s all around now; CSS3 has made an impact among the web designers. They are trying this technique to create many attractive design projects. The most amazing part to use CSS3 is – it gives your flexibility to use with any web design technology. You will feel the same lookout of Flash using CSS3 styling in your web projects. Playing with typography is very old fashion for the designers, using gr
In this article, Vasilis van Gemert will show you several tactics for deciding where to put breakpoints in a responsive design. There is the rusty idea that they should be based on common screen sizes, but there are no “common” screen sizes. You’ll be able to use the theory in this article to better design your content for all different screen sizes. There are several tactics for deciding where to
Vertical rhythm is clearly an important part of Web design, yet on the subject of baseline, our community seems divided and there is no consensus as to how it fits in — if at all — with our growing and evolving toolkit for designing online. Vertical rhythm is clearly an important part of Web design, yet on the subject of baseline, our community seems divided and there is no consensus as to how it
CSSによるタイポグラフィ例を収集しているギャラリーサイトのご紹介です。英語圏のサイトなので日本語はまた別ではありますが、これはこれで参考になるかと思います。まだ数が少ないので今後に期待。 CSSによるタイポグラフィ例のギャラリーです。WebフォントとCSSで、みたいなやつ。コードやカラースキームもあります。 まだ数が多くは無いですけど、こういうギャラリーサイトは珍しいので更新に期待です。 個別ページ。こんな感じで作成例とソースコード、カラースキームを確認出来ます。 スマフォの需要増加でこういう手法も日の目を浴び始めているのは確かですよね。数が増えてくれると嬉しいな。 typespiration
Easy to Install Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values. Customizable Changes are contained in just two SASS files, enabling further customization and ensuring forward compatibility. Tuned for 5.3.3 Themes are built for the latest version of Bootstrap. Version 4, version 3, version 2, and other releases are also available to download.
http://kudakurage.com/ligature_symbols/ Ligature Symbols is to display the symbol with a ligature features. I created this font by using FontForge (open source postscript font editor). IF you want to learn more, you may read my blog entry ( http://d.hatena.ne.jp/kudakurage/20120720/1342749116 ).Read less
I’ve been using icon fonts for a few projects lately instead of graphical icons. There are several advantages to using icon fonts. Scale them with CSS Color them with CSS Add shadows with CSS Change opacity with CSS Rotate with CSS Basically make any changes without opening Photoshop and editing a sprite They automatically scale for retina displays See for yourself. Chris Coyier put together a fan
Let’s create some interesting web typography effects with several CSS techniques and the help of lettering.js. With a little bit of CSS magic we can transform text into beautiful typography and omit the use of images in many cases. In this tutorial we will be creating different web typography styles using the lettering.js jQuery plugin and various CSS techniques. For some of the examples we will a
WordPress の次期デフォルト・テーマ、Twenty Twelve の CSS を見ていたら、body 要素に text-rendering: optimizeLegibility という見慣れないプロパティが指定されていたのでちょっと調べてみました。 The ‘text-rendering’ property – SVG 1.1 (Second Edition) text-rendering | Mozilla Developer Network Cross-browser kerning-pairs & ligatures CSS Text-Rendering | Trent Walton text-rendering プロパティは CSS ではなく SVG の仕様に定義されています。現在のところ利用できるブラウザは Firefox、Chrome、Safari。指定できる値は a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く