px為單位
在web頁面初期製作中，我們都是使用「px」來設定我們的文字，因為他比較穩定和精確。但是這種方法存在乙個問題，當使用者在瀏覽器中瀏覽我們製作的web頁面時，他改變了瀏覽器的字型大小，這時會使用我們的web頁面布局被打破。這樣對於那些關心自己**可用性的使用者來說，就是乙個大問題了。因此，這時就提出了使用「em」來定義web頁面的字型
em為單位
這種技術需要乙個參考點，一般都是以的「font-size」為基準。比如說我們使用「1em」等於「10px」來改變預設值「1em=16px」，這樣一來，我們設定字型大小相當於「14px」時，只需要將其值設定為「1.4em」。
body /*10/16*100%*/
.font1
.font2
前面說了「em」是相對於其父元素來設定字型大小的，這樣就會存在乙個問題，進行任何元素設定，都有可能需要知道他父元素的大小，在我們多次使用時，就會帶來無法預知的錯誤風險。而rem是相對於根元素
**例項：
html
.fon1
.fon2
但也想相容ie下的效果，可你可考慮「px」和「rem」一起使用，用"px"來實現ie6-8下的效果，然後使用「rem」來實現代瀏覽器的效果
HTML教程 2 字型
超文字中的標籤 剛剛接觸超文字，遇到的最大的障礙就是一些用 和 括起來的句子，我們稱它為標籤，是用來分割和標記文字的元素，以形成文字的布局 文字的格式及五彩繽紛的畫面。單標籤 某些標記稱為 單標籤 因為它只需單獨使用就能完整地表達意思，這類標記的語法是 標籤名稱 最常用的單標籤是 它表示換行。雙標籤...
html5自定義字型
我在做移動端web開發的時候，遇到過設計師設計的特殊字型，而且很容易用肉眼識別的一種字型 方正 輕刻簡體，平時他們使用方正蘭亭黑我就用預設的字型helvetica顯示，還湊合，但是這種字型，很難用預設字 體取代，於是想著使用自定義字型來滿足設計師的要求。先看一眼效果 接下來介紹如何自定義字型。自定義...
字中字效果 html5例項
用html5實現如圖字中有字效果 實現思路 用canvas輸出文字，然後分析畫素點，根據畫素點輸出文字。核心 var canvas var ctx var tex var blankstr 輸出空白 function var tex input inpt val 獲取輸入框文字 if tex tex...