ホーム へ     font_display   font_display.htm

 

<ご使用方法>

・ Font : サンプルの文字列   Style : 書体   Size : 大きさ(ポイント) 13" ポイント"    などをそれぞれ選択します。

・ Background Cplor(背景色) :  ” R 、 G 、 B ”それぞれの  をクリック、値を指定し色を作成します〔数字 → 大(明るい)〕。   R=137 G=0 B=183 などのRGB値が獲得できます。

・ Text Color(文字)         :  ” R 、 G 、 B ”それぞれの  をクリック、値を指定し色を作成します〔数字 → 大(明るい)〕。   R=255 G=234 B=196 などのRGB値が獲得できます。

・ *.html などで、テキストや背景色の指定に使用できます。     御参考 : HTMLの色指定 色見本 RGB 

 

 (例 ) ブラウザ表示 :  Hello!、=(^。^)= これは文字と背景色のサンプルです。       

 HTML :     <spanstyle="background-color: rgb(137,0,183); color: rgb(255,234,196)"><fontface="MS Pゴシック" size="2"><strong>Hello!、=(^。^)= これは文字と背景色のサンプルです。</strong></font></span>

 

 

参考 :

フォントの指定(例) と、HTML : < 〜 >   〔個別タグ中の改行記号は削除して使用します。〕

 

 前景色〔標準〕  背景色〔標準〕付き  MSPゴシック  標準  12ポイント 

 <font face="MS Pゴシック" size="3">前景色〔標準〕  背景色〔標準〕付き  MSPゴシック  標準  12ポイント </font>

 

 前景色〔標準〕  背景色〔標準〕付き  MSPゴシック  太字斜体  12ポイント 

 <font COLOR="#000000"> </font><font face="MS Pゴシック" size="3"><strong><em>前景色〔標準〕  背景色〔標準〕付き  MSPゴシック  太字斜体  12ポイント</em></strong> </font>

 

 前景色〔DeepPink〕  背景色〔標準〕付き  MSPゴシック  太字  12ポイント 

 <font face="MS Pゴシック" size="3"><strong><span style="color: DeepPink">前景色〔DeepPink〕  背景色〔標準〕付き  MSPゴシック  太字  12ポイント</span></strong> </font>

 

 前景色〔Snow〕  背景色〔BlueViolet〕付き  MSPゴシック  標準  12ポイント 

 <span style="background-color: rgb(129,1,214); color: rgb(250,242,255)"><font

face="MS Pゴシック" size="3">前景色〔Snow〕  背景色〔BlueViolet〕付き  MSPゴシック  標準  12ポイント</font></span>

 

 前景色〔Snow〕  背景色〔BlueViolet〕付き  MSPゴシック  標準  12ポイント 

 <span style="background-color: BlueViolet; color: Snow"><font

face="MS Pゴシック" size="3">前景色〔Snow〕  背景色〔BlueViolet〕付き  MSPゴシック  標準  12ポイント</font></span>

 

これは標準フォントの見本です。 hogehoge@attglobal.net

 <font face="MS Pゴシック" size="3">これは標準フォントの見本です。 </font><a

href="mailto:hogehoge@attglobal.net"><font face="MS Pゴシック" size="3">hogehoge@attglobal.net</font></a>

 

これはキーボードフォントの見本です。 hogehoge@attglobal.net

 <kbd><font face="MS Pゴシック" size="3">これはキーボードフォントの見本です。 </font><a

href="mailto:hogehoge@attglobal.net"><font face="MS Pゴシック" size="3">hogehoge@attglobal.net</font></a></kbd>

 

これはタイプライターフォントに似た連続するリテラル文字の見本です。 hogehoge@attglobal.net

 <samp><font face="MS Pゴシック" size="3">これはタイプライターフォントに似た連続するリテラル文字の見本です。 </font><font

face="MS Pゴシック" size="3"><a href="mailto:hogehoge@attglobal.net">hogehoge@attglobal.net</a></font></samp>

 

これは文字をさまざまな色彩で表示したサンプルです。

 <strong><font face="MS Pゴシック" size="3"><span

style="color: rgb(120,91,130)">これ</span><span style="color: rgb(205,1,108)">は文</span><span

style="color: rgb(172,1,222)">字を</span><span style="color: rgb(0,202,176)">さま</span><span

style="color: rgb(242,140,2)">ざま</span><span style="color: rgb(143,146,92)">な色</span><span

style="color: rgb(101,64,128)">彩で</span><span style="color: rgb(95,69,71)">表示</span><span

style="color: rgb(149,1,186)">した</span><span style="color: rgb(219,2,78)">サンプル</span><span

style="color: rgb(164,11,255)">です。</span></font></strong>

 

  これは文字をさまざまな色彩で表示したサンプルです。 

 <font face="MS Pゴシック" size="3"><strong><span

style="color: rgb(120,91,130)"> </span><span

style="color: rgb(120,91,130); background-color: rgb(182,83,255)"> </span><span

style="color: rgb(255,255,240); background-color: rgb(182,83,255)">これ</span><span

style="color: rgb(205,1,108); background-color: rgb(235,234,233)">は文</span><span

style="color: rgb(186,1,163); background-color: rgb(255,255,255)">字を</span><span

style="color: rgb(0,202,176); background-color: rgb(255,255,255)">さま</span><span

style="color: rgb(244,129,0); background-color: rgb(239,233,233)">ざま</span><span

style="color: rgb(6,109,1); background-color: rgb(255,255,255)">な色</span><span

style="color: rgb(112,20,173); background-color: rgb(255,254,238)">彩で</span><span

style="color: rgb(125,91,94); background-color: rgb(255,255,255)">表示</span><span

style="color: rgb(167,1,197); background-color: rgb(255,255,255)">した</span><span

style="color: rgb(219,2,78); background-color: rgb(255,255,255)">サンプル</span><span

style="color: rgb(164,11,255); background-color: rgb(255,247,254)">です。</span><span

style="color: rgb(164,11,255)"> </span></strong></font>