【WEBデザイン】サイクルメモ

【WEBデザイン】サイクルメモ

アメブロカスタマイズ中ヽ(=´▽`=)ノ (*´∇`*)(´Д´)

Amebaでブログを始めよう!
アメブロをやっている方、試しにやってみてください。フォントデータは私の作ったものです。
*ただし、CSSの編集が可能なテンプレートに限ります。以前は編集可能なものがもっとあったような気がしますが、今は一つしかありませんでした。カスタム可能で探すと一つだけあります。


ブログデザインのCSSの編集
【1】以下のFC2のソースを貼ります。

@font-face {
font-family: 'syouwamaruw3';
src: url('http://tokyobrand.web.fc2.com/css/loading/webfont/syouwamaruw3.eot');
src: url('http://tokyobrand.web.fc2.com/css/loading/webfont/syouwamaruw3.eot?#iefix') format('embedded-opentype'),
url('http://tokyobrand.web.fc2.com/css/loading/webfont/syouwamaruw3.woff') format('woff'),
url('http://tokyobrand.web.fc2.com/css/loading/webfont/syouwamaruw3.ttf') format('truetype'),
url('http://tokyobrand.web.fc2.com/css/loading/webfont/syouwamaruw3.svg#syouwamaruw3') format('svg');
font-weight: normal;
font-style: normal;
}



【2】
同CSS内のbody部分のフォントファミリーを以下のように指定します。
フォントサイズは例です。

body{
font-size:120%;
font-family: 'syouwamaruw3','ヒラギノ丸ゴ Pro',"Hiragino Maru Gothic Pro",'メイリオ',Meiryo,'MS Pゴシック','MS PGothic',sans-serif;
}

----
♪\(^ω^\)( /^ω^)/以上