網(wǎng)頁(yè)設(shè)計(jì)怎么定義字體

第頁(yè)網(wǎng)頁(yè)設(shè)計(jì)怎么定義字體一、字體的使用。

網(wǎng)頁(yè)字體的使用一般選擇宋體等比較常用的字體。不要出現(xiàn)生僻字體，防止用戶因沒(méi)安裝對(duì)應(yīng)字體造成顯示錯(cuò)誤。在網(wǎng)頁(yè)中Arial就是一種字體的名稱，默認(rèn)的瀏覽器定義的標(biāo)準(zhǔn)字體是中文宋體和英文timesnewRoma字體。如果你沒(méi)有設(shè)置任何字體，網(wǎng)頁(yè)將以這兩種標(biāo)準(zhǔn)字體顯示。同時(shí)，這兩種字體也可以在任何操作系統(tǒng)和瀏覽器里正確顯示。

windows另外自帶了40多種英文字體和5種中文字體。這些字體，你也可以在網(wǎng)頁(yè)里自由使用和設(shè)置。凡是使用windows操作系統(tǒng)的瀏覽器都可以正確顯示這些字體，但在其它操作系統(tǒng)里，如unix則不能完全正確顯示。網(wǎng)頁(yè)字體的樣式一共有四種：正常體(regular),斜體(Italic),粗體(Bold),粗斜體(BoldItalic)。

二、字體的大小設(shè)置。

網(wǎng)頁(yè)中字體大小不要亂設(shè)置，最好以系統(tǒng)默認(rèn)為宜，一般是12PT，現(xiàn)在網(wǎng)絡(luò)上最流行的小中文字體大小為9pt。

CSS2規(guī)范依據(jù)長(zhǎng)度、水平和垂直尺寸來(lái)定義字體。這個(gè)長(zhǎng)度為一個(gè)數(shù)值，前面可能帶一個(gè)可選的加()或減(-)標(biāo)記符。另外，該數(shù)值后可能有一個(gè)可選的單位標(biāo)識(shí)符。另外，CSS2規(guī)范定義了兩個(gè)單位類型：絕對(duì)單位和相對(duì)單位。絕對(duì)值指定單位，而相對(duì)單位指定一個(gè)與另一個(gè)值成比例的值。下面的列表列出了相對(duì)單位標(biāo)識(shí)符:

em:元素字體的高度。它與使用該字體的元素的字體大小屬性計(jì)算值相等。當(dāng)它出現(xiàn)在字體大小屬性值本身中時(shí)，會(huì)出現(xiàn)異常，這時(shí)它指母元素的字體大小。

ex(x-高度):CSS2規(guī)范將它描述為小寫字母x的高度。

px(像素):它與背景或屏幕的分辨率有關(guān)。依據(jù)顯示器分辨率輸出不同像素，由于用戶的喜好不同，顯示器的分辨率可能會(huì)有很大差異。

三、特別字體或藝術(shù)字體的設(shè)置。

如果你必須要用一種特別的字體來(lái)體現(xiàn)你的風(fēng)格，那么特別字體或藝術(shù)字體最好以圖片的方式置入網(wǎng)頁(yè)。必須要用這種字體的地方用圖片代替，以確保所有人看到的頁(yè)面是同一效果。

2網(wǎng)頁(yè)制定初學(xué)者的幾大誤區(qū)

1.初學(xué)者不應(yīng)該將網(wǎng)頁(yè)制定與〔編程〕開發(fā)混為一談，首先從語(yǔ)言方面來(lái)說(shuō)，網(wǎng)頁(yè)制定所涉及到的HTML采納的是一種標(biāo)記語(yǔ)言，它是用來(lái)描述網(wǎng)頁(yè)結(jié)構(gòu)的一種特別語(yǔ)言，再說(shuō)編程開發(fā)用到的語(yǔ)言：c、c++、c#、java等等，是用來(lái)面向?qū)ο蟮囊环N計(jì)算機(jī)語(yǔ)言，它是服務(wù)于計(jì)算機(jī)的，讓計(jì)算機(jī)能識(shí)別的一種語(yǔ)言，分清楚這幾點(diǎn)，你才干深入的了解網(wǎng)頁(yè)制定!

2.網(wǎng)頁(yè)制定重要的不是急于表現(xiàn)，有些人買了幾本關(guān)于網(wǎng)頁(yè)制定的書籍刊物，大致學(xué)了一點(diǎn)點(diǎn)網(wǎng)頁(yè)制定的基本結(jié)構(gòu)與語(yǔ)言，就直接上百度查找如何添加圖片啊，如何添加背景音樂(lè)，如何加入小視頻，flash類什么的，這樣是錯(cuò)誤的!!相信大家都知道，無(wú)論學(xué)習(xí)哪一種知識(shí)，基礎(chǔ)是最根本最重要的東西，沒(méi)有扎實(shí)的基礎(chǔ)是不可能在這行業(yè)走向巔峰的，有些人又說(shuō)：哎呀!老師，我沒(méi)想過(guò)要走在巔峰啊，就略微厲害那么一點(diǎn)點(diǎn)就行了。關(guān)于這樣的，我只想說(shuō)，同學(xué)你來(lái)錯(cuò)地方了，網(wǎng)頁(yè)制定這一門學(xué)科，差距會(huì)很大，要不就是特別牛的大神，要不就是菜的摳腳的新手!所以，想學(xué)好就打好扎實(shí)的基礎(chǔ)吧!

3.按部就班，其實(shí)第三點(diǎn)我想說(shuō)的和第二點(diǎn)差不多，學(xué)習(xí)網(wǎng)頁(yè)制定，最重要的是把每種特定函數(shù)以及它的屬性徹底的了解清楚~盡量少使用類似Dreamwaver的網(wǎng)頁(yè)制定軟件，初學(xué)者重要的是打基礎(chǔ)，而不是求方便

4.以前老師都說(shuō)不懂得地方積極主動(dòng)去問(wèn)，這點(diǎn)我不是很贊同，學(xué)習(xí)計(jì)算機(jī)是很困難的，不能一味的去向別人請(qǐng)教，更多的必須要自己去探究，自己去尋找錯(cuò)誤所在!

3網(wǎng)頁(yè)制定中的字體之美

1.V02Group

雅致的文字排版懸浮在半空中，和背景融為一體，這種制定除了眾所周知地提升逼格之外，能顯然地提升頁(yè)面的深度。強(qiáng)對(duì)比的色彩搭配也是制定師別具匠心的體現(xiàn)。

2.SecretResolutions

當(dāng)今這個(gè)時(shí)代，個(gè)性即正義。這個(gè)網(wǎng)站的制定思路是讓色彩發(fā)聲，用字體展現(xiàn)個(gè)性，雖然稍顯怪異，但是搭配其他的元素之后，就顯得極為獨(dú)特了。這就是冒險(xiǎn)的樂(lè)趣，改著改著，就成了一個(gè)獨(dú)一無(wú)二的網(wǎng)站了!

3.BrancottEstate

制定師將網(wǎng)站的排版和配圖都做成黑板畫的效果，質(zhì)感非常不錯(cuò)。用來(lái)搭配的字體使得兩者組合看起來(lái)非常舒適。

4.RunforAJD

這是一個(gè)〔法語(yǔ)〕網(wǎng)站，從字體樣式上來(lái)講可讀性確實(shí)很差，但是從風(fēng)格和個(gè)性上來(lái)說(shuō)，極為特別。

5.AnazeeLabs

看起來(lái)AmazeeLabs已經(jīng)為自己的網(wǎng)站制定了屬于自己的一套字體。頁(yè)面中的兩種字體協(xié)調(diào)地融為一體，和不同的色彩搭配排版也頗為美麗。

6.StudioLovelock

這個(gè)StudioLovelock網(wǎng)站全站都用了FuturaPT字體，無(wú)論如此，制定師別處心裁的將不同字重不同尺寸的FutruaPT用在網(wǎng)站不同的地方，一樣百變，一樣好使。

4網(wǎng)頁(yè)制定師工資怎么樣

深圳的薪資水平和北京差不多，不過(guò)整體互聯(lián)網(wǎng)環(huán)境要好些，是個(gè)互聯(lián)網(wǎng)重鎮(zhèn)，薪資幅度較大，從月薪3k到20k不等。比上海少一點(diǎn)，大概幅度500-1000大洋左右。

入門級(jí)水平大概2.5k-5k，實(shí)戰(zhàn)中級(jí)水平能達(dá)到6-7k，高級(jí)制定師還是蠻可觀的，10k-15k不等。

上海的網(wǎng)頁(yè)制定師薪資目前應(yīng)該是最高的，同級(jí)水平比北京略微多個(gè)500-1000元這樣，上海是金融中心，崗位必須求比較大，并且在互聯(lián)網(wǎng)這塊是領(lǐng)先于全國(guó)的，就業(yè)機(jī)會(huì)更大，必須求單位更多。

初級(jí)的能達(dá)到4k-6k，中級(jí)水平達(dá)到6k-10k這樣，高級(jí)制定師能達(dá)到15k以上。整體就業(yè)形勢(shì)還不錯(cuò)，我在上海呆了4年多，感覺還可以!

廣州的網(wǎng)頁(yè)制定薪資水平，比北京要略微少一點(diǎn)，幅度也大概是500-1000元左右。廣州也是個(gè)經(jīng)濟(jì)開發(fā)區(qū)，崗位必須求量也是逐年上升，并且互聯(lián)網(wǎng)的發(fā)展水平也是逐年提升，人力成本也在逐年的升高。

新手水平大概2.5k-4.5k，中級(jí)水平達(dá)到4.5k-7k這樣，高級(jí)制定師能達(dá)到8k以上。就業(yè)形勢(shì)也是相當(dāng)?shù)牟诲e(cuò)，崗位必須求差異比較大，有的大企業(yè)必須要月薪過(guò)萬(wàn)的制定師，小企業(yè)可能只是必須要個(gè)圖片專員，找工作的時(shí)候盡量可以去略微大點(diǎn)