[CSS]画像の四辺のボーダーを一味違ったスタイルにするチュートリアルデモのキャプチャ（100%） ※クリックで全表示 実装は下記のようになります。 HTML 疑似要素「:after」を使用するため、spanでimg要素を内包します。 <textarea name="code" class="html" cols="60" rows="5"> <span class="fancy">< img src="dingo.jpg" /></span> </textarea>
GoogleがWebフォントサービスを開始 - フォントブログ
Webフォントが一般に広まった全盛期には国内外含め様々なWebフォント配信サービスが登場しましたが、まさに戦国時代そのもので、数年後には多くのサービスが終了となってしまいました。 2023年現在、利用されているWebフォントサービスをまとめてみました。 Google Fonts 完全無料で誰でも利用可能ということもあり、現在一番利用されているGoogle Fonts。定番のNoto Sans以外にも、ZEN 角ゴシックやBIZ UDゴシックなど、プロ仕様の日本語フォントも使えます。デスクトップ用のフォントもダウンロード可。 Adobe Fonts Adobe Creative Cloud契約者なら誰でも使えるAdobeのフォントサービス。かつてはTypekitの名でサービス展開されていました。完全に日本語化され昔に比べるととても使いやすくなりました。デスクトップ用のフォントもダウンロード可
次期Firefox 3.6が対応する新しいWebフォント形式“WOFF”とは？ - フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
Google Font API - Google Code
How do I start? Read the Getting Started guide. Choose fonts from the Font Directory. Optionally, use the WebFont Loader library for more control over font loading. What are the Google Font API and the Google Font Directory? The Google Font Directory provides high-quality web fonts that you can include in your pages using the Google Font API. The Google Font API helps you add web fonts to any web
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
国内初、無料で日本語のウェブフォントが手軽に利用できる「デコもじ」
手描き字・丸文字・四角い系・四角て丸い系・くずし文字・アクセント付き・へた文字系・ゴシック系・明朝系・筆文字系・筆書体系・欧文(英数のみ)・変わり種フォントなど、約80種類の「ウェブフォント」（パソコンにインストールされているフォントではなく、サーバにアップロードされているフォントを指定して自由に表示させるCSS3 Web Fontsを使った技術、このサンプルを見るとよくわかる）が利用可能なネットサービスがこの「デコもじ」です。画像や通常のFlashとは違い、ちゃんと検索にも引っかかるというのがポイントです。「ブログの見出しにあの文字が使えればいいのに！」というのを実現してくれます。 ユーザー登録は無料となっており、無料で利用できるウェブフォントだけでなく、月額315円から利用できる有料サービスではさらにプロフォントとして「游ゴシック」「游築見出し明朝」「へんまろ」「トゥモローウォーク」な
ゆず屋: [フォント] 『Angel Beats!』のロゴのフォント
こんばんは。榊です。 先ほどようやく『書体の研究』 Vol.6 のデータを印刷所に送ることが出来ました。 これで無事に今月末のイベント（COMIC 1）に新刊が出せそうです。 印刷が上がってくるまでは暇なので、しばらくはのんびり録画してあるアニメでも見ることにしたいと思います。 アニメといえば、ちょうど今は4月からの新番組が始まっているところですよね。なにしろ同人誌を書いていたのでまだあまり見られていないのですが、とりあえず気になっていた『けいおん!!』や『Angel Beats!』あたりは見てみました。 今日はその中から『Angel Beats!』に使われているフォントをざっと見てみたいと思います。 ■ タイトルロゴ まずはこちらのタイトルロゴ。 テレビ放送の画像なのでちょっと見にくいのですが、どうやら Avant Garde Gothic（アバンギャルド・ゴシック）というフォントのよう
Helvetication … HelveticaとArialを見分けるiPhone/iPod touch用ゲーム - フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
【ν速フォント部】 一番かっこいいフォントって何？:アルファルファモザイク
■編集元：ニュース速報板より「【ν速フォント部】 一番かっこいいフォントって何？」 1 泡箱(dion軍) :2010/03/11(木) 23:04:28.77 ID:lQGbmatH● ?BRZ(10000) ポイント特典 古着調のダメージ加工がロックな英字フォント「AbbeyRoad1969」 アナログな手法で作り出した文字のかすれが特長 「AbbeyRoad1969」は、ダメージ加工が施された英字フォント。Windowsに対応するTrueTypeフォントで、 編集部にてWindows XPで動作確認した。非商用目的に限りフリーで利用可能な試用版を、 3月末までの期間限定で作者のWebサイトからダウンロードできる。 なお商用目的で利用したい場合には、本フォントを含む21種類のフォントが同梱された製品版を購入する必要がある。 英数字と記号を収録し、かすれているように見える
動物をかわいらしくデフォルメしたシルエットがそろったフリーのフォント
動物をかわいらしくデフォルメしたシルエットがそろったフリーのフォントをPIXELFARMから紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
-- Your PC's Font Viewer!! --
IDEA * IDEA
クリエイティブでユニークなフォント３０:phpspot開発日誌
Photoshop Vip » 最近公開されたばかりのオシャレなフリーフォント20個まとめ 2010年5月度
ちょっと珍しいシルエット素材や手描き風フォントが無料でダウンロードできる -FLOP DESIGN
IDEA * IDEA
商用利用も無料のアローだらけのフォント -LaGirouette
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
企業ロゴにも使えるエレガントなフリーフォント30個まとめ - PhotoshopVIP
ロゴ作りに、フォントビューワ！ : 株式会社オルタ