きーぷすたでぃんぐ
とある会社の取締役の戯言。日々の仕事やプライベートについて主観を交えながら書き綴ります。
最近...
最近いろいろと忙しいので全く更新してませんでした...
単純に仕事が忙しいのと、セミナーに出かけたり、レポートを作成したりが原因です。
朗報としては、ゴルフが上手くなりました。そろそろミニコースに出ようかな♪
(しかし、ボルダリングは全然行ってないなぁ...）
今日はJavascriptを使ってページ上の文字列をアンチエイリアスの効いた綺麗な文字に変える方法を見つけたので紹介します。
ポイントは
* 動的に表示するので、画像を作成する必要がない
* 新聞記事風、楷書風、POP調など、書体を自由にアレンジ出来る
* htmlの構造を崩さず、SEOやユーザービリティを犠牲にしない
などです。
導入方法ですが。
BJKit(BeautifulJapaneseKit)をダウンロードします。
1. ダウンロードしたファイルを解凍してください。
2. ［common/swf/beautifulJapanese.swf］をご利用のサーバーにアップロードしてください。（例：ディレクトリは変更可能です）
3. ［common/js/beautifulJapanese.js］を開き、［beautifulJapanese.swf］ファイルのアップロード先に応じて［baseSwfFile = '/common/swf/beautifulJapanese.swf';］(12行目）を変更してください。
4. ［common/js/beautifulJapanese.js］、［common/swf/fontsData/gothic.swf］、［common/swf/fontsData/mincho.swf］をそれぞれアップロードしてください。
そこまで出来たら設定です。
1. <head>〜</head>タグ内にJavascript［<script type="text/javascript" src="任意/beautifulJapanese.js"></script>］を記述します。
2. アップロード先に応じて、［src="任意/beautifulJapanese.js"］のパスを変更してください。
3.
単純に仕事が忙しいのと、セミナーに出かけたり、レポートを作成したりが原因です。
朗報としては、ゴルフが上手くなりました。そろそろミニコースに出ようかな♪
(しかし、ボルダリングは全然行ってないなぁ...）
今日はJavascriptを使ってページ上の文字列をアンチエイリアスの効いた綺麗な文字に変える方法を見つけたので紹介します。
ポイントは
* 動的に表示するので、画像を作成する必要がない
* 新聞記事風、楷書風、POP調など、書体を自由にアレンジ出来る
* htmlの構造を崩さず、SEOやユーザービリティを犠牲にしない
などです。
導入方法ですが。
BJKit(BeautifulJapaneseKit)をダウンロードします。
1. ダウンロードしたファイルを解凍してください。
2. ［common/swf/beautifulJapanese.swf］をご利用のサーバーにアップロードしてください。（例：ディレクトリは変更可能です）
3. ［common/js/beautifulJapanese.js］を開き、［beautifulJapanese.swf］ファイルのアップロード先に応じて［baseSwfFile = '/common/swf/beautifulJapanese.swf';］(12行目）を変更してください。
4. ［common/js/beautifulJapanese.js］、［common/swf/fontsData/gothic.swf］、［common/swf/fontsData/mincho.swf］をそれぞれアップロードしてください。
そこまで出来たら設定です。
1. <head>〜</head>タグ内にJavascript［<script type="text/javascript" src="任意/beautifulJapanese.js"></script>］を記述します。
2. アップロード先に応じて、［src="任意/beautifulJapanese.js"］のパスを変更してください。
3.
