デザイナーなら知っておかないと損するGoogleWebフォント特選10個 | Find Job ! Startup
現在、欧文を中心に600以上の書体が選べるGoogleWebフォント。これだけ数が多いと、どれを選べばいいのか日本人の私たちにはよく分かりません。 今回は、全世界で最も使われている人気のGoogleWebフォントを10個厳選してお届けします。海外向けのサイトを作る際にはハズせない、日本向けサイトを作る際にもアクセントとして使いたい、とっておきのGoogleWebフォントを集めました。 GoogleWebフォントを使うメリット GoogleWebフォントを使うと、こんなにもたくさんのメリットがあります。 SEO対策になる 修正が簡単に行える 選択してコピペできる 拡大縮小・高解像度画面（Retina Displayなど）でもボケない 使わない手はありません。 GoogleWebフォントの使い方 使い方に関しては、OZPAさんのブログが詳しいです。参考にしましょう。 今さらながらWe
30 of the Best Google Font Pairings for Designers
When choosing Google Font pairings, sometimes the choices can be overwhelming. Google Fonts has an impressive selection of typefaces that designers can use across the web and desktop, and there’s no shortage of potential combinations. But what Google Fonts work best together? We’ve assembled this listing of pairings of different Google Fonts to find those distinct combinations that will enhance an
￥0キャンペーン実施中 | ニュース | TypeSquare [タイプスクウェア]
サービスの開始を記念して、TypeSquareを無料でお好きなだけ*1お使いいただける「オープン記念￥0キャンペーン」を行います。ぜひこの機会にTypeSquareをご利用ください。 【キャンペーン期間】 2012年2月22日(水)〜2012年12月31日(月) 【キャンペーン利用方法】 2012年11月30日(金)までにTypeSquareの利用を開始してください。期間中無料でPVの上限なくTypeSquareをご利用いただけます*1。 【キャンペーン終了後の正式入会について】 本キャンペーンをご利用の方で、キャンペーン終了後も引き続きご利用の場合は、正式入会が必要となります*2。正式入会は2012年12月1日(土)からお申込いただけます。2012年12月31日(月)までにお申込いただいた場合、有効期限の起算日は2013年1月1日(火)となります。 *1会員ページでは暫定値としてのPV数
Free Fonts You’ll Want to Use Now, Trends and Examples - Designmodo
Free Fonts Type Trends at a Glance There are a few things we’re already starting to notice when it comes to typography this year. Many of the options in this list have these trending styles in mind. San serif stacked typography with three- to five- lines of text. Use of more serif font options. Retro and outline/inline styles with a classic vibe. Elaborate swashes and flourishes for short text. Th
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
透明なフォント、作ってみました。 - FOXISM
text-indentを使った画像置き換えはスパム判定の危険あり、“@font-face”の使用をGoogleは推奨 at SMX West 2011 | 海外SEO情報ブログ この記事を読んでいて、はてブのコメントにも以下のように書いた。 では、すべての文字が空白のフォントを作って、それをウェブフォントとして適用させたらどうだろう？全部空白ならファイル容量って小さくならない？ （ちなみに自分が書く前にid:s-tomoさんが先に同じようなことを書いてた。やっぱり同じようなことを考える人はいるもんだ。） でもフォントって作った事ないし（でもすごく興味はあるし）どうなんだろうー？と調べていたら、サブドメインサーバー［SE01.CSIDE.JP]＜有限会社シーサイドネット＞のTTEditというソフトが30日間フル機能で試用できるとのこと。ちゃんと買っても8000円だし…ということでインストール
text-indentを使った画像置き換えはスパム判定の危険あり、“@font-face”の使用をGoogleは推奨 at SMX West 2011
今日のエントリもSMX West 2011のセッションからのレポートです。 text-indentによる画像置き換えの代替手段をGoogleが提示してくれました。 CSSのtext-indentで-999pxを指定し、文字テキストと画像を置き換えるテクニックは昔からあるごくありふれたテクニックです。 ところがGoogleは、現在この方法を推奨していません。 推奨していないというよりも使うべきでないと明言しています。 使ってもいいのか悪いのかは以前はGoogle社員によって答えがマチマチでした。 しかしここ1年ほどは画像置き換えに対するGoogleのスタンスは一貫して“NG”です。 今回のSMXでも、GoogleのMaile Ohye(マイリー・オイェ)さんが使用すべきでないことをあらためてクリアにしました。 理由は、画像置き換えはスパマーがよく使う手法だからです。 画像置き換えがすぐさまス
CSS3のWeb Fontを使ってみたよ。 | Ginpen.com
英語だけですが……、Google web fontsのリソースとGoogle Font APIを使うと、簡単にWeb Fontを使って、文字のまま装飾する事ができます。 Web Fontって？ CSS3で追加される機能で、サーバーに置いたフォントを使ったデザインを作れるようになるものです。 今までもフォントを指定することはできましたが、利用者のマシンにそのフォントがインストールされていないと無意味でした。Web Fontは指定のフォントファイルをダウンロードさせる事になるので、誰が見ても同じフォントで表示されるようになります。 ファイルのダウンロードが必要ってのがネックですね。日本語の場合は英語と違ってファイルサイズが膨大になりますから、使いどころは限られそうです……。 Web Fontの使い方 手順はふたつです。 @font-faceでフォントのURLを指定する。 font-family
[CSS]IEを含めた主要ブラウザと各スマートフォンに対応した@font-faceの指定方法
IE6, 7, 8, 9をはじめとする主要ブラウザ、iOS, Androidのスマートフォンに対応させるための@font-faceの指定方法を紹介します。 The New Bulletproof @Font-Face Syntax [ad#ad-2] 各ブラウザ・スマートフォンに対応させる@font-faceの指定方法 各主要ブラウザ、スマートフォンに対応させる@font-faceの記述は、下記のようになります。 @font-face { font-family: 'MyFontFamily'; src: url('myfont-webfont.eot?') format('eot'), url('myfont-webfont.woff') format('woff'), url('myfont-webfont.ttf') format('truetype'), url('myfont-w
@fontfaceで使えるフリーフォント25「25 Free Fonts Perfect for @fontface (Revived)」
TOP > Design , Font > @fontfaceで使えるフリーフォント25「25 Free Fonts Perfect for @fontface (Revived)」 WEBで表示されるテキストは、各々のユーザーのフォント環境に左右されるため、システムフォントなどが基本となっていますが、@font-face は、Web ページを製作者がWeb フォントを指定し、フォントを提供。ユーザのコンピュータにインストールしているフォントの数に依存しないテキスト表示が可能な技術ですが、今日紹介するのはそんな@fontfaceで使えるフリーフォント25「25 Free Fonts Perfect for @fontface (Revived)」です。 Dekar Download Page →Freeware License いくつかのフリーフォントがまとめられていますが、今日は
Webフォントを使ってみよう！@font-face 関連の情報いろいろ - かちびと.net
Webフォントを使う機会があった のでついでに備忘録的メモです。 @font-face関連の情報いろいろ。 と言っても、まだそんなに情報が 無いので触りを理解するための まとめ的な記事です。 Webフォントの良い所は、編集作業が不要、コピペも可能でテキストだからSEO的にも有利になりますけど、アンチエイリアスはフォントに依存しますし、日本語フォントはどうしても少なくなってしまうデメリットもあります。 クロスブラウザでWebフォントを利用するには /* IE */ @font-face { font-family: abc; src: url(abc.eot); } /* Firefox, Opera, Safari */ @font-face { font-family: abc; src: url(abc.ttf) format("truetype"); } としてあげるといいみたい。I
IE で Web Fonts を使う方法 (eot ファイルの作り方) | ヨモツネット
IE では Web fonts を使うことができます。ただし、現在は Microsoft WEFT などで作成した .eot のファイルにしか対応していません。また、この記事で紹介する手順中の Enter ther URL address of your Web page and click ‘Add’ で入力した URL 配下でしかこの eot ファイルを使うことができませんのでご注意ください。 IE の Web fonts を確認するための demo を用意しました。Windows の IE 5.5 以降で確認することができます。 WEFT についてをまとめたドキュメントはほかにも存在しますので合わせてお読みいただくとよいと思います。 一松書院 : Webページでのいろいろな한글フォントの利用について 雛形倶楽部情報データベース : eotファイルの作成方法（フォント埋め込み技術） R
【レビュー】Webフォントを複数のブラウザに使う方法 | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers ブラウザで使うフォントを指定する@font-faceの登場はIE4やIE5の時代まで遡る。ほかの主要ブラウザはFirefox 3.5、Chrome 4、Safari 3.1、Opera 10から対応、CSS2でもすでに定義されている。しかし、デザインテクニックとして注目されはじめたのは比較的新しく、WOFFが登場した最近のできごととなる。 最終的にはどのブラウザもWOFFに対応することになると見る向きが多いが、現在のところ主要ブラウザがサポートするフォントフォーマットが違っている。こうした状況を加味し、どのブラウザでも同じフォントを使えるようにする方法がBehind the Geek Out Scenes: Fancy Fonts and Jau
米Adobe、「Adobe Web Font」を提供開始 - Typekitを通じてWebフォント配信 | エンタープライズ | マイコミジャーナル
米Adobe Systemsと米Typekitは8月16日(現地時間)、Adobeが所有するフォントの一部をWebサイト向けに提供することをAdobe Blogsの中で発表した。TypekitのWebフォント配信プラットフォームを通じて配信される。 Adobe Web Font Typekitは、CSS3の「Webフォント」に利用可能なフォントの配信サービスを展開する企業。掲載ページ数に応じた定額サービスとしてWebフォントの提供を行っており、著作権などの煩雑な問題を気にすることなく自由にフォントを利用できる点が大きな特徴となっている。 Adobeでは、今回提供を始めるWebフォントを「Adobe Web Fonts」と命名。同社が持つ2300種類以上のフォントの中から「Myriad」、「Minion」、「Hypatia Sans」、「Chaparral」、「Adobe Text」、「Bi
ブラウザで使えるGoogleフォント登場 | エンタープライズ | マイコミジャーナル
The Google Font API and the Google Font Directory Googleは19日(米国時間)、Webフォントを利用するためのフォント集と利用するためのAPIをGoogle Font DirectoryおよびGoogle Font APIとして公開した。CSS3で利用できるWebフォントに対応したもので、状況に応じて最適なフォントデータを提供するという特徴がある。 Google Font APIはその使用方法が簡単というところにも特徴がある。次のようにフォントをCSSファイルへのリンクとして記述しておけば、そのWebフォントを本文で利用できる。 <html> <head> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangeri
Google Font API で手軽に始めるフォント遊び
昨日開催された WDE ex -vol9 (Twitter TL) の懇親会で「Google がフォントのホスティングやれば良いじゃないか」という話題が出ていたのですが、朝起きたら Google Font API として現実的なものとなっていました。Web Font をホスティングしているサービスは海外で既に幾つかありますが、ほとんどが JavaScript のコードを貼付ける方法が採用されており、中には body 内に記述しなければならないものもあり、エレガントな方法とはいえませんでした。 今回公開された Google の API は JavaScript を使うのではなく、CSS をリンクするだけ。使いたいフォントをディレクトリから選び、リンクした CSS ファイルに変数としてフォント名を記述するだけになります。シンプルかつ簡単です。 <link rel="stylesheet" ty
WebFonts として利用できるフリーの和文フォント | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
デコもじ｜ウェブフォントで、ホームページが、ブログが、もっと楽しくなる♪
デコもじは2016年11月30日（水）をもちましてサービスを終了致しました。 デコもじをご利用中の会員様におかれましては、サービス終了日をもちましてフォントの配信が終了となり、有料プランをご利用の場合はサービス終了日をもちまして課金が停止されております。 ※フォント配信は終了となりますが、Webサイト上に設置した JavaScript コードは会員様ご自身で削除をお願いいたします。 これまで長らくデコもじをご愛顧いただき、誠にありがとうございました。今後もシーサー株式会社の各種サービスのご愛顧のほどよろしくお願いいたします。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
https://ttf2eot.sebastiankippe.com/