日記 | ヨモツネット
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 混在でき
iPhoneでWebフォントを使ってみた - 強火で進め
数日前に有ったこちらのイベントでiPhoneやiPadでもSVGフォントであればWebフォントが使えると聴きました。 WDE ex -Vol10 『Webフォントの未来』 : ATND http://atnd.org/events/4396 スライド https://docs.google.com/viewer?url=http:%2F%2Fpeople.mozilla.org%2F~jdaggett%2Fwebfontsfuture.pdf ずっと試したかったのですがやっと試せました。こちらで試せます(※アルファベット小文字と数字、一部の記号しか表示されません)。iPhoneまたはiPadのSafariでアクセスしてみて下さい。 以前もiPhoneでWebフォントを試してみた事は有ったのですがTrueTypeフォント、OpenTypeフォントでテストしてダメだったのでその2つに対応してな
はてなダイアリーでGoogle Web Fontsを試す - tikeda's blog
Google Web Fonts!! はてなダイアリーは、今のところ多くのWeb Fontサービスが使えないのですが、Google Web Fontsは、無理やり使う事ができました。このブログでも一部使ってみています。 使い方 Google Web Fontsから使いたいフォントを選択 ページ中の「Use this font」を選択 ページ内のCSSファイルのパスをコピー はてなダイアリーの管理ページ→「デザイン」→「詳細デザイン」→「スタイルシート」欄で以下のようにCSSを@importで指定 @import "http://fonts.googleapis.com/css?family=Lobster"; 上の@import指定をした、下の行あたりに、フォントを変えたい部分にfont-familyを指定 @import "http://fonts.googleapis.com/css?
Google Font APIでフォントのファイルサイズを大幅に削減する方法 - F.Ko-Jiの「一秒後は未来」
Googleは「Google Web Fonts」というWebフォントをホスティングしていて、これらのフォントはGoogle Font APIを介して利用することができます。 Google Web Fontsのフォントデータのファイルサイズは1フォントあたり大体30KB程度あります。それほど大きなサイズではありませんが、複数のフォントを利用する場合や、ナローバンド環境などでは気になるサイズかもしれません。 そこでGoogle Font APIでは、あらかじめフォントを適用するキャラクタ(文字)を指定してフォントデータを取得できるオプションを用意しているそうです。これにより、ダウンロードされるフォントデータのファイルサイズを大幅に削減できます。 » Streamline your web font requests: introducing “text=” – The official Go
かなり充実してきたGoogle Web Fonts API｜Webpark
通常、フォントはユーザー側の環境に影響されますが、Google Web Fonts APIを使うとGoogleのサーバー上にあるフォントを使うので、ユーザー側の環境を気にせず自由に使用できます。 以前からあるサービスですが、久々に見たらフォント数がかなり増えていたので紹介してみます。 ちなみに現在105個の英語フォントが提供されています。 ここでフォントを選んで、次の画面でコードを取得します。 今回の場合以下のようになります。 まず使用するフォントを読み込んで <link href='http://fonts.googleapis.com/css?family=Terminal+Dosis+Light' rel='stylesheet' type='text/css'> フォントを使用する場所をCSSで指定します。 h1 { font-family: 'Terminal Dosis Lig
フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
透明なフォント、作ってみました。 - FOXISM
text-indentを使った画像置き換えはスパム判定の危険あり、“@font-face”の使用をGoogleは推奨 at SMX West 2011 | 海外SEO情報ブログ この記事を読んでいて、はてブのコメントにも以下のように書いた。 では、すべての文字が空白のフォントを作って、それをウェブフォントとして適用させたらどうだろう？全部空白ならファイル容量って小さくならない？ （ちなみに自分が書く前にid:s-tomoさんが先に同じようなことを書いてた。やっぱり同じようなことを考える人はいるもんだ。） でもフォントって作った事ないし（でもすごく興味はあるし）どうなんだろうー？と調べていたら、サブドメインサーバー［SE01.CSIDE.JP]＜有限会社シーサイドネット＞のTTEditというソフトが30日間フル機能で試用できるとのこと。ちゃんと買っても8000円だし…ということでインストール
Google Web Fontsの全書体をプレビュー
Google Web Fontsの全書体を一気にプレビューするツールを作った。公式のFont Previewerを使ってるとサンプル文字列が突如リセットされたりとかアレだったので……。 使い方は左の入力ボックスにプレビューに使う文字列を、右のテキストボックスにフォントサイズをpx単位の数字で入力してボタンをクリック。クリック！ 手抜きなのでEnter押してもダメ！ すると下にズラッとプレビューされる。太字にしたりスモールキャプスにしたりとかの細かいスタイル指定はFirebugやDeveloper Toolsとかでやれば良いと思う。.previewというクラスのスタイルをいじれば反映される。contenteditable使ったスタイル編集機能とかなら付けてもいいかもしれない。 ソースを見ればわかる通りYQLで公式のFont Previewerをスクレイピングしてフォント名一覧を入手し、あとは
cocooooooon.com - このウェブサイトは販売用です！ - cocooooooon リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
「SVG」と「WebFonts」を使う
今回はThe Shodo（注1）で利用している技術の中から、ベクターグラフィックスを扱う「SVG」とWebサイトからフォントをダウンロードして利用する「WebFonts」の活用どころを紹介します。 注1 2011年1月時点ではHTML5の仕様が確定しておらず、The Shodoもブラウザごとに挙動が異なります。IE9に最適化して制作しているので、The ShodoはなるべくIE9でご覧ください。 SVG：サイズを変えてもきれいな画像 The Shodoでは、SVGをいくつかの場面で利用しています。初めに紹介する例は、「書」を書くためのWriteページでの「お手本」です（画面1）。Writeでは漢字になじみのない人でも漢字を書けるよう、半紙上に漢字のお手本を表示する機能を設けています。そのお手本をSVGのデータとして作成し利用しています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA