2010年02月16日の記事一覧 - 詳細表示

　『マウスがディズニィー・アニメに変わる？』　④の④Ex１２

【フォント参考用：：記号系でもいける　ゴーゴー！！】

①　Font:bold oblique 15pt Wingdings
②　Font:bold oblique 15pt Wingdings
③　Font:bold 15pt Wingdings
④　Font: 15pt Wingdings

フォントやフォントサイズの記述の仕方などの勉強会的な復讐とスペシャルおまけ。
フォントに関連するおまけですが、ワードパッドなどをさわっていてWingdingsなどというフォントを見たことがある人もいるでしょう。
キー文字が絵の記号に変わっている文字フォントです。　⇔　Wingdings
※Wingdings以外にもWebdingsなども記号文字のフォントです。

キーとの対応はワードパッドなどでチェックしてみてください。
例えば、　ABC　と打ち、この３文字を選択しフォントをWingdingsに変えるとキー文字に相対する絵文字が現れます。
ブログ上でも扱えるかどうかテスト確認してみた所、素直に使えましたので報告がてらに皆様への土産といたします。
携帯の絵文字のような事が出来ます。
特別なフォントを指定し、指定された範囲内ではこのフォントによる絵文字が反映されますので御活用下さい。

この件に関してはブログでの使用可能と言うことに、気付いた方や、やってる方は未だいないと思いますので面白みがあると思います。
お試しを・・・
他のフォント文字と一行内に混合使用が不可能なので、文字色を変えたり、大きさを変えたり、位置を変えたり、背景を変えたりして御使用下さい！！

①oblique　==　italic　bold　【Wingdings】

||<#ffffff' style=' width:500px;height:30px;color:blue;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#8f00ffff,endcolorstr=#8fff00ff,gradienttype=0);text-align:center;word-spacing:500px;cursor:url(http://media.superpimper.com/cursors/Disney/disney-3.cur);Font:bold oblique 15pt Wingdings;font-size:20px'``[[item(1,1)]]abc　ABC　*(^◆^)*　*ここに　コメントを　入れる事が　出来ます。　*(^◆^)*　*(^◆^)*||

↓↓↓

abc　ABC　*(^◆^)*　*ここに　コメントを　入れる事が　出来ます。　*(^◆^)*　*(^◆^)*

②italic　==　oblique bold　【Wingdings】

||<#ffffff' style=' width:500px;height:30px;color:blue;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#8f00ffff,endcolorstr=#8fff00ff,gradienttype=0);text-align:center;word-spacing:500px;cursor:url(http://media.superpimper.com/cursors/Disney/disney-3.cur);Font:bold italic 15pt Wingdings;font-size:20px'``[[item(1,1)]]abc　ABC　*(^◆^)*　*ここに　コメントを　入れる事が　出来ます。　*(^◆^)*　*(^◆^)*||

↓↓↓

abc　ABC　*(^◆^)*　*ここに　コメントを　入れる事が　出来ます。　*(^◆^)*　*(^◆^)*

③ bold　【Wingdings】　 　

||<#ffffff' style=' width:500px;height:30px;color:blue;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#8f00ffff,endcolorstr=#8fff00ff,gradienttype=0);text-align:center;word-spacing:500px;cursor:url(http://media.superpimper.com/cursors/Disney/disney-3.cur);Font:bold 15pt Wingdings;font-size:20px'``[[item(1,1)]]abc　ABC　*(^◆^)*　*ここに　コメントを　入れる事が　出来ます。　*(^◆^)*　*(^◆^)*||

↓↓↓

abc　ABC　*(^◆^)*　*ここに　コメントを　入れる事が　出来ます。　*(^◆^)*　*(^◆^)*

④default　【Wingdings】

||<#ffffff' style=' width:500px;height:30px;color:blue;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#8f00ffff,endcolorstr=#8fff00ff,gradienttype=0);text-align:center;word-spacing:500px;cursor:url(http://media.superpimper.com/cursors/Disney/disney-3.cur);Font: 15pt Wingdings;font-size:20px'``[[item(1,1)]]abc　ABC　*(^◆^)*　*ここに　コメントを　入れる事が　出来ます。　*(^◆^)*　*(^◆^)*||

↓↓↓

abc　ABC　*(^◆^)*　*ここに　コメントを　入れる事が　出来ます。　*(^◆^)*　*(^◆^)*

※このフォント例の場合は文字幅width:500pxがマックス値でword-spacing:500pxは同じかそれ以下にします！！