約400種の欧文フォントが全部無料（商用可）でWebFontも使えちゃうFont Squirrelって素敵 / Maka-Veli .com
もう数年前にコリスさんやCREAMUさんで紹介されてましたが、恥ずかしながら知らなかったです。こんなに素敵なサイトがあったなんて。 最近DesignModoで紹介されていたので知りました。 すげー関係無いけどCREAMUさんのブログ超好きです 全部フリー 基本的には全て商用可。だそうです。 100% Free For Commercial Use. ただしフォントそれぞれにライセンスはあるので一応、要確認。 とても探しやすく、種類も豊富。400近くはあるんじゃないでしょうか？ 個人的には探しやすい点がとても気に入りました。 そしてもう一つ素敵なコンテンツがあったのですが Webfont kit がDLできる。そして作れる。 うちのサイト名やナビゲーション等に@font-faceでLeague Gothicを使ってますが、この@font-faceでwebfont使う時に必要な
テキストの代わりに画像を使いたいときはSEOに適したWebフォントがいい
[対象: 上級] テキストの代わりに画像を使いたい場合は、Webフォントを使うといいとウェブマスター向けのQ&AビデオでGoogleのMatt Cutts（マット・カッツ）氏がアドバイスしました。 大部分のテキストを画像に置き換えた。 すると直帰率が大幅に下がり、コンバージョン率と滞在時間は増えた。 ただテキストのコンテンツがないとGoogle的には問題があるだろうか。 Googleにはやっぱりテキストが必要なのか。 上の質問に対して、Googleにとってはやはりテキストがあったほうがいいと前置きしたうえで2つの選択肢をMatt Cutts氏は提示しています。 alt属性やtitleタグなどのテキストで画像の情報を与える Webフォントを使う それぞれに関して詳しく見ていきましょう。 画像を理解させるにはテキストが必要 基本的に、検索エンジンは写真や絵といった画像を見てそれが何の画像なのか
もうアイコン画像はいらない！ Webフォントを使って、iOS風タブバーとアイコンを作成する方法
こんにちは、鴨田です。 最近、アイコンがセットされたWebフォントを使うことで、 画像を使わずにアイコンを表示するという手法が流行っていますね。 すごく興味はあったのですが、なかなか使う機会もなく、 便利そうだなと思っていただけで、今まで使ったことがありませんでした。 しかし、先日、とある案件でやっと使う機会に恵まれたので、やり方をご紹介いたします。 (プロトタイプだけ作って、結局プロダクトとしては使いませんでしたが・・・) 最近話題になっていたこちらのサイトがとても便利です。 Fontello - http://fontello.com/ 使いたいフォントを選択します。 ここでは、「Entypo」フォントから5つ選択します。 選択が終わったら、上部のタブから「Edit codes」をクリックします。 アイコン画像の上部のバーをクリックして、アイコンに割り当てる文字列を決めます。 英語で頭
Webフォントを利用する際に知っておくと役立ちそうなTipsとかサイトいろいろ - かちびと.net
Webフォントに関して調べ物をしたので 個人的なメモ。少し利用頻度があがって 来たので探しやすいようにまとめておき ます。まだちょっと使い慣れてないので もう少し勉強しないとダメですね・・ スマフォ向けのリソースもあります。 というわけでWebフォントに関するメモです。以前触りだけしか書かなかったのでもう少し深く調べておこうと思い記事にしました。ので、過去の記事と結構重複します。 最低限の知識 最低限かどうか分かりませんけどｗ 少し不明瞭な点もありますので間違いがあればご指摘頂けると幸いです。 ライセンス まずライセンスですが、通常、Webフォントとして利用するには当然フォントの著作者次第になります。 Webフォントとして使うにはサーバーにフォントファイルをアップロードしてcssでファイルのパスを指定して利用するので、フォントファイルが誰でも手に入れられてしまう事になります。（アイコンなん
Web上でもフォント指定を推進！どのフォントが使われているか調べてみよう·WhatFont Tool MOONGIFT
WhatFont ToolはWeb上のテキストがどのフォントを使っているか調べるためのツールです。ブックマークレット、Google Chrome/Safari機能拡張があります。 Webサイトではあまりフォント指定が行われていません。それはローカルにフォントがあるかどうか分からないためです。しかしWebフォントを使えば問題はある程度解決します。そこでWebフォントが使われている現場でのフォントチェックに使えるのがWhatFont Toolです。 アイコンクリックで起動します。エスケープキーまたはExit WhatFontをクリックすると終了します。 フローティングでフォント名を表示します。 クリックするとフォントの詳細が表示されます。 右下にフォントの色が表示されます。 クリックするとRGB表示が切り替わります。 フォントの出元も表示されます。こちらはTypeKitから読み込まれたフォント
WOFFコンバータ
概要 フォントとWOFFの相互変換を行うソフトです。 WOFFはWeb Open Font Formatの略で、Webフォントの1形式です。 Webフォントとしては、WOFFの他にEOT(Embedded OpenType)ファイルやSVGフォントなどがありますが、一般的にWOFFが次世代標準フォーマットと見られております。 変換元のフォントとしては、TrueTypeフォント（拡張子.ttf）、OpenTypeフォント（拡張子.otf）、フォントにリンクする形式の外字ファイル（拡張子.tte、.ote）を指定できます。 WOFFをTrueTypeフォント／OpenTypeフォントに変換することもできます。 本製品はフリーソフトです。 動作環境 本ソフトはWindows 2000／XP／Vista／7 で動作します。 WOFFが使えるブラウザについてはWOFF対応ブラウザをご覧ください。 ダ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
designers-hack.net