∇ WEBプログラマー
便利帳
≫ 総合サンプル
HTML
CSS
*
*
*
総合サンプル
▼スポンサー広告
次の広告へ
☺
総合サンプル
ここでは色んな言語を取り入れた
サンプルを紹介します。
1・カラーサンプル
(HTMLカラーの見本です!)
2・フォントサンプル
(フォントの見本です!)
3・
▼スポンサー広告
次の広告へ
☺
▼スポンサー広告
次の広告へ
☺
文字の指定はHTMLだと4種類、CSSだとさらに細かく11種類で指定できます。
・
HTMLでは「サイズ」「カラー」
「太さ」
「種類」が指定出来ます。
・
CSSでは、HTMLの指定に加えて
「斜め」
「スモールキャピタル」
「線」「変換」「行間」
「字下げ」
「文字間」
が指定出来ます。
HTMLとCSSではタグの記入方法が違うので気を付けてくださいねっ!
『 フォントサンプル 』
さて、ここではHTMLフォントのサンプルをご紹介します!使い方はいたってシンプル!是非ご利用下さいねっ!
フォントサンプルの使い方
1・
「フォントサンプルパレット」で任意の項目を指定!
2・
「サンプルを見る」をクリック!
3・
「サンプル」の欄にサンプルテキストが表示!
4・
「コードのサンプル」の項目にコードサンプルが表示!
コピペしてご利用下さいっ!
フォントのあれこれ一発指定!
HTML FONTS
▼スポンサー広告
次の広告へ
☺
「HTML FONTS」では一目で簡単に欲しいフォント装飾をピック出来る事を目標としています。
ピックアップした設定は「コード欄」にてHTMLコードとCSSコードを表示し、コピー&ペーストにて楽に使用できます。
「フォントパレット」で各項目を選択するとコードが表示されます。また、HTMLコードと、CSSコードを個別で選択することが可能です。
HTMLフォントパレット
サイズ
1
2
3
4
5
6
7
カラー
太さ
細字
太字
フォント
sans-serif(ゴシック体系)
serif(明朝体系)
cursive(筆記体系)
fantasy(装飾系)
monospace(等幅系)
system-ui(OSのUIと同フォント)
・
HTML CODE
コピーする
書体見本
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789
あかさたなはまやらわ
アカサタナハマヤラワ
零壱弐参肆伍陸漆捌玖拾
CSSフォントパレット
サイズ
10px(size1と同等)
13px(size2と同等)
16px(size3と同等)
18px(size4と同等)
24px(size5と同等)
33px(size6と同等)
50px(size7と同等)
カラー
太さ
細字
太字
フォント
sans-serif(ゴシック体系)
serif(明朝体系)
cursive(筆記体系)
fantasy(装飾系)
monospace(等幅系)
system-ui(OSのUIと同フォント)
・
斜め
標準
イタリック体
斜体
大文字
ノーマル
スモールキャピタル
線
なし
下線
上線
中線
変換
変換しない
先頭文字を大文字
全文字を大文字
全文字を小文字
行間
通常の高さ
2倍の高さ
1.5倍の高さ
0.75倍の高さ
0.5倍の高さ
字下げ
なし
1文字分
2文字分
3文字分
文字間
なし
0.5文字分
1文字分
1.5文字分
CSS CODE
コピーする
書体見本
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789
あかさたなはまやらわ
アカサタナハマヤラワ
零壱弐参肆伍陸漆捌玖拾