2008/10/30

字型變更元件: BASEFONT, FONT

FONT 用來變更文字的大小,字型與顏色。BASEFONT 設定文字的基準尺寸。不同的瀏覽器,會有不同的展現方式。建議改用風格表(style sheet)效果會比較好。

屬性說明
COLOR | FACE | SIZE
ID
CLASS
STYLE
TITLE
DIR
LANG

請參考通用屬性的說明。


COLOR

變更文字的顏色。請參考顏色用法

  • 範例:

    <font color='red'>紅色字</font> <font color='yellow'>黃色字</font><br>
    <basefont color='#990000'>BASEFONT 暗紅色</basefont>

  • 執行結果:

    紅色字 黃色字
    BASEFONT 暗紅色

  • 暗紅色只有 IE 可以顯現;Firefox, Safari, Chrome 都沒能顯示暗紅色。

FACE

變更文字的形態。可以設定一個字型名稱;也可以設多個字型名稱,用逗號分開;如果第一個字型名稱不存在,就用第二個字型,如此依序下去。必須按裝相關字型檔,才能展現不同的字型。

  • 範例:

    <FONT FACE="Arial">Arial</font>, 
    <font face='Helvetica'>Helvetica</font>, 
    <FONT FACE="Geneva">Geneva</FONT>, 
    <FONT FACE="sans-serif">sans-serif</FONT>, 
    <font FACE="Arial, Helvetica, Geneva, sans-serif">"Arial, Helvetica, Geneva, sans-serif"</font>
    <br><basefont FACE="Arial, Helvetica, Geneva, sans-serif">BASEFONT face "Arial, Helvetica, Geneva, sans-serif"</basefont>

  • 執行結果:

    Arial, Helvetica, Geneva, sans-serif, "Arial, Helvetica, Geneva, sans-serif"
    BASEFONT face "Arial, Helvetica, Geneva, sans-serif"


SIZE

變更文字大小。其值可由 1 到 7,預設值為 3。也可使用 + - 號,例如 size='+2' 或 size='-1'。

  • 範例:

    <font size=1>一號字</font> <font size=7>七號字</font><br>
    預設字大小 <font size='+2'>加兩號字</font> <font size='-1'>減一號字</font>
    <br><basefont size=5>
    BASEFONT SIZE=5<font size='+2'>加兩號字</font> <font size='-1'>減一號字</font></basefont>

  • 執行結果:

    一號字 七號字
    預設字大小 加兩號字 減一號字
    BASEFONT SIZE=5加兩號字 減一號字



©2008-2009 by ant2legs, All Rights Reserved. ant2legs 擁有其製作的文章,圖片與程式的著作權,所有權利保留。