1. 文本陰影 text-shadow
其實(shí)與陰影一樣
text-shadow: X軸偏移量 Y軸偏移量 模糊半徑 陰影顏色
注意: 1.color可以使用rgba色. 2.沒有inset值
2. 溢出文本 text-overflow, 用(...)省略標(biāo)記.
3. 嵌入字體 @font-face
這個(gè)重點(diǎn)講一下。
@font-face是CSS3中的一個(gè)模塊,他主要是把自己定義的Web字體嵌入到你的網(wǎng)頁中,隨著@font-face模塊的出現(xiàn),我們在Web的開發(fā)中使用字體不怕只能使用Web安全字體,你們當(dāng)中或許有許多人會不自然的問,這樣的東西IE能支持嗎?當(dāng)我告訴大家@font-face這個(gè)功能早在IE4就支持了你肯定會感到驚訝。我的Blog就使用了許多這樣的自定義Web字體,比如說首頁的Logo,Tags以及頁面中的手寫英文體,很多朋友問我如何使用,能讓自己的頁面也支持這樣的自定義字體,一句話這些都是@font-face實(shí)現(xiàn)的,為了能讓更多的朋友知道如何使用他,今天我主要把自己的一點(diǎn)學(xué)習(xí)過程貼上來和大家分享。
首先我們一起來看看@font-face的語法規(guī)則:
取值說明
1、YourWebFontName:此值指的就是你自定義的字體名稱,最好是使用你下載的默認(rèn)字體,他將被引用到你的Web元素中的font-family。如"font-family:"YourWebFontName";"
2、source:此值指的是你自定義的字體的存放路徑,可以是相對路徑也可以是絕路徑;
3、format:此值指的是你自定義的字體的格式,主要用來幫助瀏覽器識別,其值主要有以下幾種類型:truetype,opentype,truetype-aat,embedded-opentype,avg等;
4、weight和style:這兩個(gè)值大家一定很熟悉,weight定義字體是否為粗體,style主要定義字體樣式,如斜體。
eg:
【 微信掃一掃 】