どんなWebフォントが使われている？ 主要50サイトのフォント利用動向 | Webコンサルティング・Web制作会社 SERENDEC/セレンデック
日本語Webフォントの導入について敷居が高かったWebフォント 弊社では2014年頃からWebフォントを積極的に活用しています。 Webフォントと聞くと、「読み込みに負荷がかかり使いにくい」という印象をお持ちの方もいるかもしれません。 日本と比べて英語圏では比較的早い段階からWebフォントが普及していました。 それは英語は文字数自体が少なく、シングルバイトのため、日本語に比べ課題が少なかった為です。 日本語は漢字やひらがな等、英字に比べて圧倒的に文字数が多いうえに、全角で２バイトのため、読み込み・変換でサーバーに負荷が掛かってしまいます。 そのために、英語に比べると導入には敷居が高く感じられ、あまり普及していませんでした。 そんな中、2014年頃には改良が進み、日本語のWebフォントも読み込みに時間が掛からず快適に表示されるようになり、導入するサイトが少しずつ増えてきています。 日本語のW
テキスト周りのスタイリングに使えるCSSプロパティやスニペット - NxWorld
スタイリングといっても見栄えを大きく変えるとかではなく、ほとんどがただのプロパティ説明みたいな感じになっていますが、サイト制作時に覚えておくとテキスト周りをいろいろと変更できるCSSのプロパティや使用する頻度が高そうなスニペットみたいなものをひと通りまとめてみました。 紹介するもの全てがひと通りのブラウザで自由に使えるわけではありませんが、上手く利用すれば今まで画像を使用していた見栄えをCSSだけで再現できたり、複雑な組み方をしたりJavaScriptを使って実装していたりしたものがCSSのみでシンプルに実装できたりします。 November 27, 2015 追記 前川（@maepon）さんが、このエントリーでは記載していなかった各種プロパティのブラウザ対応状況についてまとめてくださいました。 OS・ブラウザの種類やプレフィックスの有無、Can I useの各種プロパティページへのリンク
フォントはウェイトを使いこなすと更に面白くなる！ウェイトが軽いフォントの効果的な使い方 | コリス
ウェイトが軽いフォントを使うと、デザインに明瞭で美しく洗練された印象を与えることができます。しかし使い方を間違えると、読みにくいだけでユーザーが内容を理解することができなくなってしまいます。 軽いウェイトのフォントを効果的に使う方法、気をつけたい注意点をUX Movementから紹介します。 Do's and Don'ts of Using Light Typefaces 下記はUX MovementのAnthonyの記事を意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。海外のブロガーから無断翻訳、まとめ記事の無断転載・少しだけ加えて盗用の声を聞くのでご注意ください。 見出しとボディテキストでの効果的な使い方 見出しのデザインを派手すぎないようにする方法 デザインにより洗練された印象を与える方法 軽いフォントは見た目だけではありません 小さいテキストに軽
Typography Effects with CSS3 and jQuery
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Ev
[JS]日本語のどんなWebフォントでも美しくカーニングできるスクリプト -jQuery.Kerning.js
ウェブページで日本語のWebフォントを使用する時にカーニングを適用して、読みやすくて美しく表示するjQueryのプラグインを紹介します。 全角の括弧や句読点などの約物は、日本語のどんなフォントでもスクリプトのみで美しくカーニングできます。 ※文字間のカーニングは、フォントごとに設定が必要です。 jQuery.Kerning.js jQuery.Kerning.js -GitHub jQuery.Kerning.jsのデモ jQuery.Kerning.jsの使い方 jQuery.Kerning.jsのデモ デモでは上：カーニング無し、下：カーニング有りの状態で、明朝とゴシックの2書体がチェックできます。 適用されている方が、読みやすいですね。 ゴシック体のデモ、上：カーニング無し、下：カーニング有り jQuery.Kerning.jsの使い方 Step 1: 外部ファイル jquery.j
デザインをより魅力的に見せる クリエイティブなデザインフォント「18 New Free Fonts for Graphic Designers」
紙ものデザインでも、webデザインでも必ずといっていいほど使用するフォント。デザインに個性を持たせたい時には、フォント自体がデザインされているものを利用すると手軽にクリエイティブな雰囲気を表現することができます。今回はそんなシーンにおすすめのデザインフォント「18 New Free Fonts for Graphic Designers」を紹介したいと思います。 （BUILDING | Free Typeface on Behance） シンプルなものから、グラフィック要素の強いものまで、18種のフォントがまとめられています。 詳しくは以下 CHAWP | AWP – Ancient Wisdom Productions – Ithaca, New York クレヨンなどで描かれたような手描き風のラフなテイストが特徴。デザインにぬけ感を出したい時に。 Intro Condensed Fre
のらもじ発見プロジェクト
古い町並みには、洗練されていないけれど個性的で味のある文字がたくさんあります。このプロジェクトは、そんなステキな文字たちを「のらもじ」と名付け、それを 発見 → 分析 → フォント化 を進めていく活動です。フォントはインストールしてお使い頂けます。 We can find a lot of font in old towns. Those may not be so sophisticated but has unique charm. In this project, we named such characters “NORAMOJI”. We aim to “Find > Analyze > Reproduce” them. Users can intall and use the font.
完全にフォントだけで勝負しているカッコよくてシンプルなサイト集
日本デザインセンター / Andreas Pihlström / TYP他...全14件
Welcome to OpenResty!
If you see this page, the OpenResty web platform is successfully installed and working. Further configuration is required. For online documentation and support please refer to our openresty.org site Commercial support is available at openresty.com. We have articles on troubleshooting issues like high CPU usage and large memory usage on our official blog site. Thank you for flying OpenResty.
70 Wonderful 3D Typography That Truely Inspires
Imagine an artwork without type – you can only make assumptions what the graphics are trying to deliver. Type enhance and ensure you get whatever message the campaign is delivering. Typography design on the other hand, is what many designers are striving to improve and excel. Getting to the next level in typography design, at most of the time, may be tricky and challenging. Font, colors, style, ke
SOFAMADE | Web Design + Development
We're SOFAMADE - a different kind of web design + development company with a trusted APPROACH that results in successful online businesses.ARE YOU DIFFERENT? We’re SOFAMADE — a different kind of web design + development company. Through our research-driven, user-centered APPROACH, we’ve created successful websites and web applications for CUSTOMERS across the globe. When a trusted process is merge
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
書体見本 | 自家製フォント工房
ウェブデザイナーにお勧め！フォントやタイポグラフィの知識・テクニックを学ぶまとめ | コリス
利用の制限一切無し！ベクターもPSDもフォントも全て揃ったチョー太っ腹なアイコン素材 -Captain Icon
Londrina Sketch - Google Fonts
Wordmark
Typeface | typetoken®
新着記事
null* : www.nullartless.com
http://mono-1.com/main.html