英文網(wǎng)站建設(shè)的字體如何設(shè)置

2023-02-19    分類: 網(wǎng)站建設(shè)

一、如何選擇字體

許多的字號(hào)的中文是不能清楚顯現(xiàn)的。比方,10px的Arial字體顯現(xiàn)英文是清楚的,可是10px的宋體中文就變?yōu)橐粋€(gè)黑疙瘩了;再比方,20px的英文大而清楚,可是20px的中文就會(huì)呈現(xiàn)清楚的鋸齒,筆畫粗細(xì)不均。12px、14px、16px(或18px)顯現(xiàn)中文是比較抱負(fù)的。實(shí)踐上12px-16px大小的宋體顯現(xiàn)的作用都是不錯(cuò)的。

相對(duì)字號(hào)答應(yīng)文字以不止一種的實(shí)踐字號(hào)(以象素為單位的字號(hào))顯現(xiàn),調(diào)整閱覽器的設(shè)置,文字大小能夠縮放。成都網(wǎng)站建設(shè)帶大家來看看,運(yùn)用相對(duì)字號(hào)顯現(xiàn)的中文是什么樣子的:相對(duì)字號(hào)分為:-7、-6、-5、-4、-3、-2、-1、規(guī)范大小、+1、+2、+3、+4、+5、+6、+7,共15種。這其間“-2”以下的字號(hào)與“-2”相同小,“+4”以上的字號(hào)與“+4”相同大。實(shí)踐上就剩下了-2、-1、規(guī)范大小、+1、+2、+3、+4,這7種相對(duì)字號(hào)。咱們逐個(gè)來試驗(yàn)一下每一個(gè)相對(duì)字號(hào)的顯現(xiàn)作用。

以IE閱覽器為例,假如頁面上的文字被設(shè)置為相對(duì)字號(hào),那么它能夠有五種不同的大小縮放:“很小、較小、中、較大、很大”。下表中是不同的相對(duì)字號(hào)在IE閱覽器的不同設(shè)置中所顯現(xiàn)的實(shí)踐字號(hào)(以象素為單位的字號(hào))。

成都網(wǎng)站建設(shè)

從表中能夠看到,沒有一種相對(duì)字號(hào)能夠不時(shí)落在12px-16px區(qū)間內(nèi),也便是說,假如IE閱覽器的“文字大小”選項(xiàng)從“很小”逐漸調(diào)整為“很大”,那么,不管相對(duì)字號(hào)設(shè)置成什麼,都不能不時(shí)堅(jiān)持抱負(fù)顯現(xiàn)作用。從表中還能夠看到,被設(shè)置為“-2、-1、規(guī)范大小、+1、+2”的文字,在調(diào)整閱覽器的“文字大小”進(jìn)程中,有些時(shí)候顯現(xiàn)出的字號(hào)落入了12px-16px區(qū)間中。在一個(gè)頁面中往往需求大小不同的多種字號(hào)以差異不同的內(nèi)容,應(yīng)該挑選哪幾種相對(duì)字號(hào)呢?

我國的設(shè)計(jì)師的挑選并不多,有時(shí)候會(huì)將運(yùn)用網(wǎng)頁制作字號(hào)的規(guī)劃方法自主權(quán)交給了用戶,這顯然是好的,可是,中文網(wǎng)頁中運(yùn)用相對(duì)字號(hào)卻達(dá)不到英文網(wǎng)頁中的作用。也便是說,實(shí)踐上中文用戶沒能失掉英文用戶那么大的自主權(quán),中文用戶在閱覽器中挑選“文字大小”時(shí)不只需思索哪種大小適宜自己閱覽,還要留心所選的文字大小顯現(xiàn)作用。

一些英文網(wǎng)站的中文版依照英文原版的相對(duì)字號(hào)間斷規(guī)劃,會(huì)呈現(xiàn)一個(gè)糟糕的作用:用戶不管怎樣調(diào)整閱覽器的“文字大小”選項(xiàng),都沒方法讓網(wǎng)頁上的全部文字都清楚的顯現(xiàn)(即,在12px-16px區(qū)間內(nèi)顯現(xiàn))

二、過小的字號(hào)

過小的文字往往呈現(xiàn)在英文網(wǎng)站的中文版上。前面說過,英文字體在10px的大小就能清楚顯現(xiàn),在規(guī)劃中文版的時(shí)候,僅僅機(jī)器的照搬英文版的規(guī)劃,將文字翻譯成中文,還運(yùn)用10px的款式??倸w英文網(wǎng)站建立中編碼作用是許多世界網(wǎng)站沒處置好的作用,在世界閱覽不會(huì)呈現(xiàn)亂碼但在國外會(huì)有亂碼,規(guī)劃英文網(wǎng)站咱們普通用UTF8編碼來,中文則用GB2312。

三、斜體字

斜體字是英文中常用的一種體現(xiàn)方法,關(guān)于英語用戶來說,“斜體”和“加粗”的運(yùn)用頻率簡直是相反的,從微軟的office系列軟件的規(guī)劃上咱們就能看到,“加粗”功用“B”按鈕和“斜體”功用“I”按鈕都放置在很簡單點(diǎn)擊到的方位??墒?,中文自古以來就沒有斜體這個(gè)概念?;蛟S是近代革命家的行書、草書給咱們的形象太深了,使得咱們很簡單的接受了網(wǎng)頁制作斜體的體現(xiàn)方法。

網(wǎng)絡(luò)公司關(guān)于打印的文稿,斜體的中文作用不大,因?yàn)榇蛴∈且暂^高的分辨率來顯現(xiàn)的。在顯現(xiàn)器上則不同,顯現(xiàn)器上的顯現(xiàn)是72象素/英寸。這種差異簡直每一個(gè)運(yùn)用過word軟件的人都有領(lǐng)會(huì),在顯現(xiàn)器上要閱覽文檔中的斜體十分吃力,打印出來就好多了。

網(wǎng)頁的閱覽是以顯現(xiàn)器為主的,那么斜體的中文則是一種很糟糕的體現(xiàn)方法??墒沁@糟糕的方法卻在照搬英文網(wǎng)站的進(jìn)程中被不加思索的拿了過來。簡直全部的中文博客在編撰新文章的工具欄中都有“斜體”功用按鈕。增加一個(gè)功用會(huì)增加用戶學(xué)習(xí)界面的難度;增加一個(gè)沒有用的功用會(huì)下降用戶的運(yùn)用功率;增加一個(gè)爛功用會(huì)誤導(dǎo)用戶修改出糟糕的文章?!靶斌w”便是個(gè)很爛的功用。

在英文博客中,trackback地址往往運(yùn)用斜體,這是一個(gè)商定俗成的體現(xiàn)法度,所以中文博客中也將這種體現(xiàn)方法照搬過來。糟糕的體現(xiàn)卻是與糟糕的功用配套了,現(xiàn)在大多數(shù)中文博客供給的效能中traceback功用都不能用,開發(fā)人員恐怕是這樣思索的:橫豎用戶也看不清文章很下面那一行字寫的是什麼,自然也不會(huì)需求用這個(gè)功用的。

網(wǎng)站欄目:英文網(wǎng)站建設(shè)的字體如何設(shè)置
網(wǎng)站路徑:http://www.muchs.cn/news/238148.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

微信小程序開發(fā)