自社サービスのロゴをWebフォント化して楽をしようと試みてみる方法 | nanapi TechBlog

2014/05/28 9008 users nanapi TechBlog ロゴ エンジニア 修正 みんな

Webサービスをリリースしたばかりの頃は、毎日修正で日々細かい調整に追われるもの・・・さらに最近はレスポンシブWebデザインでMedia Queriesの分、いちいち修正するのかとか思うと、Sass mixinの使い方が巧いデザイナー、エンジニアが羨ましい・・・みんな、そんな毎日じゃないかなと思います。今回はちょっとでも楽をしてほしくて、本当にちょっとの楽くらいにしかならないですが、Webフォント... 続きを読む

[M] ロゴまでWebフォント化! とうとうテンプレートの画像を全部なくしたった | mbdb (モバデビ)

2014/02/09 24 users 全域 mbdb Webフォント フォント化 モバデビ

ここまでやらんでもいいんじゃないか? という気もしないわけじゃないんですが、進行中の当ブログデザインリニューアルも進みに進み、とうとうロゴ画像のWebフォント化までしてしまいました。 これによって当ブログの自作テンプレートのほぼ全域に亘って、背景画像の使用がなくなったことになります。 Webフォントにしたといっても、ロゴを一文字ずつではなくまるっとロゴそのものをフォント化しています。Webフォント... 続きを読む

【後編：Webフォント化】アイコンをWebフォント化してリクエスト数の削減とRetina Displayに一発対応 ｜ Developers.IO

2013/03/11 59 users Developers.IO Retina Display

すぐに使えるSCSS入門 【後編：Webフォント化】アイコンをWebフォント化してリクエスト数の削減とRetina Displayに一発対応 NEW: 2013年03月11日 はじめに みなさんこんにちは、高速化やSCSSの記事を書いている野中です。 前回はマインクラフトネタでフォントの作成について紹介しました。 今回は、作成したフォントをWebフォント化して読み込んでみたいと思います。 前回作成... 続きを読む

【前編：フォント作成】アイコンをWebフォント化してリクエスト数の削減とRetina Displayに一発対応 ｜ クラスメソッド開発ブログ

2013/03/03 44 users Retina Display 削減 アイコン フォント作成

みなさんこんにちは、高速化やSCSSの記事を書いている野中です。 ↑の絵が何かわかる人いますか？ マインクラフト(Minecraft)界隈でおなじみの愛されキャラ「匠」こと「クリーパー」さんです。 とっても長い前振りなので時間のない方は本題まですっ飛ばしてください。 マインクラフトとは わかりやすく解説されているニコニコ大百科を引用。 Minecraft（マインクラフト）とは、Notch（Mark... 続きを読む

ロゴタイプをWebフォント化してみよう – フォントブログ

2012/05/16 70 users フォントブログ ロゴタイプ 発端 見出し 反響

（私がゲスト出演したTypeTalks第10回で紹介して反響があったネタより。） 国内・海外ともにWebフォントが徐々に広まり、Webデザイン上の文字に大きな変化が起きている昨今ですが、Webフォントを適用するのは本文・見出しだけでしょうか？今回はちょっと変わったテクニックとして「ロゴタイプをWebフォント化する」というテクニックをご紹介します。 事の発端はフォントオンラインストアMyFontsの... 続きを読む