2011年01月29日

AAがなるべくズレないようウェブフォントを適用

http://font.textar.tv/

先日修正したアスキーアート(AA)向けのデザインテンプレートCSSファイルを、以下のとおりまた修正した。
Textar Fontという無料のAA対応ウェブフォントを取り込むようにしただけなんだけど。
これで描画が少々重くなる代わりに、スマホPDAのユーザ、マカー犬厨、つまりクロスプラットフォームにユーザがズレないAAを見れるらしい。

@font-face {
font-family: 'Textar';
font-style: normal;
font-weight: normal;
src: url('http://fileserver1.textar.tv/fonts/textar-min.eot');
src: local('MeiryoKe_PGothic'),
local('MS PGothic Ex+'),
local('MS Pゴシック Ex+'),
local('Osaka-AA'),
local('IPAMonaPGothic'),
local('IPA モナー Pゴシック'),
local('Monapo'),
local('Mona'),
local('MS PGothic'),
local('MS Pゴシック'),
local('Textar'),
url('http://fileserver1.textar.tv/fonts/textar-min.woff') format('woff'),
url('http://fileserver1.textar.tv/fonts/textar-min.ttf') format('truetype'),
url('http://fileserver1.textar.tv/fonts/textar-min.svg#Textar') format('svg');
}
.aa {
font-family: 'MeiryoKe_PGothic', 'MS PGothic Ex+', 'MS Pゴシック Ex+', 'Osaka-AA', 'IPAMonaPGothic', 'IPA モナー Pゴシック', 'Monapo', 'Mona', 'MS PGothic', 'MS Pゴシック', 'Textar', sans-serif;
font-size: 16px;
}

   ∩___∩
   | ノ      ヽ
  /  ●   ● | クマ──!!
  |    ( _●_)  ミ
 彡、   |∪|  、`\
/ __  ヽノ /´>  )
(___)   / (_/
 |       /
 |  /\ \
 | /    )  )
 ∪    (  \
       \_)

[2011年3月10日追記]
上のCSSをまたちょこっとだけ更新。
また、HeartRails Capture | サムネイル画像/PDF ファイル作成サービスで作成したウェブページのキャプチャを、最上部に貼付。

4
m_hiro at 16:59 :Comments(0),TrackBack(0)
Categories : 日記/一般コンピュータ
このエントリーをはてなブックマークに追加 mixiチェック Clip to Evernote

コメントする

このブログにコメントするにはログインが必要です。

トラックバックURL