【フォント参考用：：記号系でもいける ゴーゴー！！】 � �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 *(^◆^)* *ここに コメントを 入れる事が 出来ます。 *(^◆^)* *(^◆^)*|| ↓↓↓
��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 *(^◆^)* *ここに コメントを 入れる事が 出来ます。 *(^◆^)* *(^◆^)*|| ↓↓↓
�� 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 *(^◆^)* *ここに コメントを 入れる事が 出来ます。 *(^◆^)* *(^◆^)*|| ↓↓↓
��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 *(^◆^)* *ここに コメントを 入れる事が 出来ます。 *(^◆^)* *(^◆^)*|| ↓↓↓
※このフォント例の場合は文字幅width:500pxがマックス値でword-spacing:500pxは同じかそれ以下にします！！
|
||||||
- >
- コンピュータとインターネット
- >
- インターネット
- >
- ホームページ
フォントのWingdingsによる紹介です。
イタリックの斜め文字以外だと幅を５〜１０px位で調節すると一杯に綺麗に表示できると思います。
以内ならＯＫですが越えると連続文字の折り返し表示がおかしくなったりします。
その時にはこのように文字幅widthと改行用幅word-spacingを調節します。
フォントや文字サイズによって調節します！！
一行幅で使用する事になると思いますが工夫次第で上手く使えると思います。
インデックス的に・・・
背景も自由ですのでこれまで紹介したような例からのものを参考にしてみて下さい。
2010/2/16(火) 午前 8:59
再びグラジエントカラーの背景での例です。
フォントをイタリック系の太字を２種類(全く同じ)と太字、そして標準体の文字での例です。
背景はグラジエントカラーで無くとも良いので(以前、公開済みの前の方の記事を参照してフォントだけを変えてください)自由に使えます。
一文字も可能ですからインデックス的にアクセント効果で使えるのではないかと思います。
※手違いで同じ投稿記事をアップしてしまいあわてて削除しました。
続きは明日以降と言うことで御了承願います。
2010/2/17(水) 午前 9:04
あともう１回、くどくどと例を上げて書きます。(２ページです、例を多く表示しますとすぐ５０００文字を越えてしまいます)
そのお陰で可也文法に強くなっているのではないかと思います。
変化のある文の書き方は他の制御文(ユーチューブなど)を置く時にも役に立ちます。
左詰や右詰、センターとありますが、改行語にユーチューブの文を置きますと指定の位置に画像が表示されます。
れっきとした数字による位置指定とは別ですが写真等でお馴染みの感覚で貼り付けが可能です。
しかし、文字を含み改行はあっても一つだけです。
※必用なら複数文用意して使用してください。
2010/2/17(水) 午前 9:04