容性設(shè)計(jì)是一個(gè)熱門(mén)的話題，它拒絕少數(shù)服從多數(shù)，也不是讓多數(shù)配合少數(shù)，而是保持對(duì)大眾的廣泛關(guān)注，創(chuàng)造出擁有足夠包容性的好設(shè)計(jì)。從這個(gè)層面上來(lái)說(shuō)，設(shè)計(jì)的可訪問(wèn)性必須做到足夠好，盡量讓大家都能輕松方便地享受設(shè)計(jì)的成果，良好的對(duì)比度，普適的交互模式，以及我們提的最多的正確的字體選取。

　　值得一提的是，不僅僅是公共機(jī)構(gòu)的網(wǎng)站需要注意選取可訪問(wèn)性優(yōu)異的字體，品牌和企業(yè)的網(wǎng)站中字體的選取同樣需要精心挑選。但是，你如何確定哪些字體合適？這是否意味著要在設(shè)計(jì)上做妥協(xié)？

　　并不一定。今天我們來(lái)聊聊英文字體的選取的技巧，下面的12條技巧，應(yīng)當(dāng)能給你足夠的幫助，幫你選取擁有足夠包容性和可訪問(wèn)性的英文字體。（注意，這里討論的是挑選盡可能讓所有人都能清晰閱讀的字體，尋找展示性、個(gè)性化、強(qiáng)形式感的功能性字體是另一個(gè)問(wèn)題。）

　　1、盡量不要選擇那些看起來(lái)就非常童趣的字體，完全沒(méi)有這個(gè)必要。這是相當(dāng)常見(jiàn)的錯(cuò)誤，原因也很明顯：挑選一款高包容性、可訪問(wèn)性好的字體的時(shí)候，它的平衡性和實(shí)用性同個(gè)性化同樣重要。

　　2、有些字體設(shè)計(jì)風(fēng)格會(huì)讓特定的幾個(gè)字母之間的識(shí)別度降低。最常見(jiàn)的就是數(shù)字 “8″ 和大寫(xiě)字母 “B”，大寫(xiě)的 “I (i)” 和小寫(xiě)字母 “l(fā) (L)” 之間的識(shí)別度問(wèn)題。選擇帶有襯線的字體能夠讓小寫(xiě)字母“i”和大寫(xiě)字母 “I” 更好地被分辨出來(lái)，即便是在較小的屏幕上。如果字體中的小寫(xiě)字母 “a” 是雙層結(jié)構(gòu)則能很好的同小寫(xiě)字母 “o” 區(qū)分開(kāi)。

　　3、如果你需要在標(biāo)題或者頭條的位置使用較少的文本，而字體大小在16pt 及以上的時(shí)候，那么使用筆畫(huà)較為舒展、內(nèi)外空間都比較大的非襯線體是相當(dāng)不錯(cuò)的。

　　pt 也就是 Point ，而我們常說(shuō)的 px 指的是像素 Pixel，兩者有著明顯的差異。pt 源自平面印刷領(lǐng)域，指的是1/72 英寸，是一個(gè)固定的長(zhǎng)度，而px 指的是像素點(diǎn)，在iPhone 3GS 上 5px 的物理長(zhǎng)度和 iPhone 6s 上 5px 的物理長(zhǎng)度是不一樣的，前者由于像素密度低從而導(dǎo)致5px 的物理長(zhǎng)度更長(zhǎng)。所以，px 是一個(gè)“相對(duì)長(zhǎng)度”單位，而 pt 是一個(gè)“絕對(duì)長(zhǎng)度”單位。

　　4、在選取網(wǎng)頁(yè)字體的時(shí)候，盡量選取 X高度較大的字體。X高度覆蓋的區(qū)域是閱讀的主體，而上伸部和下降部則為每個(gè)字母提供了足夠的識(shí)別度。上升部應(yīng)該比大寫(xiě)字母稍微高一點(diǎn)。

　　X高度通常指的是小寫(xiě)字母的平均高度，之所以為稱為x高度是應(yīng)為通常拿字母x作為參考。諸如字母 “h” 和 “f” 超出X高度的部分被稱為 Ascender，也就是上伸部。而字母 “p” 和 “g” 下方低于X高度的部位則被稱為 Descender，即是下降部。

　　5、盡量挑選內(nèi)部空間均衡、外部輪廓銳利、末端清晰的字體，當(dāng)字體較小的時(shí)候，字母之間距離縮小靠近，空間會(huì)被模糊、填充，會(huì)影響識(shí)別度和可讀性。

　　西文字體設(shè)計(jì)存在“External Counter”和“Internal Counter”的概念，通常稱之為外部空間和內(nèi)部空間。小寫(xiě)字母 “a” 和 “e” 的字母內(nèi)部?jī)蓚€(gè)空白區(qū)域即為內(nèi)部空間，如果某部分內(nèi)部空間比較小，當(dāng)字體尺寸較小的時(shí)候，會(huì)降低識(shí)別度。諸如字母 “r” 和 “n” 則需要注意它們外輪廓的細(xì)節(jié)銳利度和那些勾勒細(xì)節(jié)的外部空間，也就是豎線和弧線之間所夾的空間。如果外部空間較小，在字母間距較小的情況下”rn” 和 “m” 就很難分辨了。

　　6、數(shù)字的設(shè)計(jì)也應(yīng)該有特色，尤其是數(shù)字 “0″ 應(yīng)當(dāng)同大寫(xiě)字母 “O” 有顯著的差別，而數(shù)字 “6″ 和 “9″ 的末端開(kāi)口應(yīng)當(dāng)足夠舒展開(kāi)闊。

　　7、字母的X高度和筆畫(huà)寬度之間有一個(gè)最佳比例，為了達(dá)到最佳可讀性，通常筆畫(huà)寬度應(yīng)該控制在X高度的17%~20%。

　　8、挑選小寫(xiě)字母 “t” 上面的一橫相對(duì)長(zhǎng)一些的字體，這樣字母的識(shí)別度會(huì)更高。

　　9、大寫(xiě)字母 “Q” 底部的尾巴能增強(qiáng)字母的識(shí)別度，字體選取的時(shí)候應(yīng)當(dāng)注意這個(gè)細(xì)節(jié)。

　　10、字母之間的間距應(yīng)當(dāng)均勻而富有韻律感，這樣能提升字母的可讀性和識(shí)別度。間距太大太小都會(huì)讓人感覺(jué)不適。

　　11、在黑色的背景下，將字體色彩設(shè)定為白色，輸入一段文字，查看它們的顯示效果。如果字母之間間距看起來(lái)比較小，字母的形狀看起來(lái)像在“發(fā)光”，從而令字母仿佛比單獨(dú)看更粗的話，那么你應(yīng)當(dāng)選取筆畫(huà)更細(xì)的字體。

　　12、你應(yīng)當(dāng)挑選字重范圍更廣的字體族，這樣當(dāng)你在設(shè)定不同平臺(tái)、不同屏幕尺寸、不同設(shè)備下的顯示效果的時(shí)候，可以更加輕松自由地找到對(duì)的效果。

作為一名網(wǎng)絡(luò)安全工程師，“網(wǎng)站安全”這個(gè)詞似乎離生活有些遙遠(yuǎn)，平日里很多人開(kāi)啟計(jì)算機(jī)最多就是登陸網(wǎng)站、瀏覽網(wǎng)站，至于網(wǎng)站安不安全，卻從未關(guān)注過(guò)。近些年來(lái)，網(wǎng)絡(luò)安全相關(guān)話題已經(jīng)引起了社會(huì)的廣泛關(guān)注，還記得去年暑期大火的偶像連續(xù)劇《親愛(ài)的熱愛(ài)的》講述了男主希望為中國(guó)拿下CTF大賽冠軍的夢(mèng)想之路，CTF在網(wǎng)絡(luò)安全領(lǐng)域中指的是網(wǎng)絡(luò)安全技術(shù)人員之間進(jìn)行技術(shù)比拼的一種比賽形式，當(dāng)然，這部劇的成功之處更在于讓許多年輕人對(duì)網(wǎng)絡(luò)安全領(lǐng)域產(chǎn)生了興趣。本文旨在從一名網(wǎng)絡(luò)安全工程師的角度，用更加通俗易懂的話語(yǔ)，介紹網(wǎng)站安全的相關(guān)知識(shí)。

一、網(wǎng)站安全的定義

百度詞條的定義為網(wǎng)站安全是指出于防止網(wǎng)站受到黑客入侵者對(duì)其網(wǎng)站進(jìn)行掛馬，篡改網(wǎng)站源代碼，被竊取數(shù)據(jù)等行為而做出一系列的安全防御工作，在我的理解中，網(wǎng)站安全就是當(dāng)有人攻擊你的網(wǎng)站時(shí)，你所作出的防御，又或者是事先對(duì)網(wǎng)站進(jìn)行的一系列防止別人攻擊的安全防護(hù)部署。由此看來(lái)，網(wǎng)站安全對(duì)于網(wǎng)站的正常運(yùn)營(yíng)具有重要意義。

二、網(wǎng)站安全的重要性

為什么網(wǎng)站安全如此重要呢？在日新月異的當(dāng)代社會(huì)，互聯(lián)網(wǎng)成為新興熱門(mén)的產(chǎn)業(yè)，網(wǎng)站技術(shù)發(fā)展迅速，滲透到人類生活的各個(gè)方面，越來(lái)越多的事情需要通過(guò)互聯(lián)網(wǎng)來(lái)完成，與此同時(shí)，網(wǎng)站安全問(wèn)題也就日益突出，但絕大多數(shù)的網(wǎng)站開(kāi)發(fā)與建設(shè)公司只考慮正常用戶的穩(wěn)定使用，而對(duì)于網(wǎng)站安全方面了解甚少，發(fā)現(xiàn)網(wǎng)站安全存在問(wèn)題和漏洞，其修補(bǔ)方式只能停留在頁(yè)面代碼的刪除或者是恢復(fù)網(wǎng)站備份，很難針對(duì)網(wǎng)站具體的漏洞原理對(duì)源代碼進(jìn)行修復(fù)。但黑客對(duì)漏洞具有敏銳的洞察力，網(wǎng)站存在的這些漏洞就會(huì)被挖掘出來(lái)，成為黑客們直接或間接獲取利益的機(jī)會(huì)。

大多數(shù)網(wǎng)站運(yùn)營(yíng)者對(duì)網(wǎng)站的價(jià)值認(rèn)識(shí)僅僅是一臺(tái)服務(wù)器或者是網(wǎng)站的建設(shè)成本，認(rèn)為對(duì)這個(gè)網(wǎng)站增加的超出其成本的網(wǎng)站安全防護(hù)服務(wù)覺(jué)得價(jià)格有點(diǎn)高。事實(shí)上，網(wǎng)站遭受攻擊之后，網(wǎng)站流量損失以及客戶流失，訂單流失的經(jīng)濟(jì)損失已遠(yuǎn)遠(yuǎn)超過(guò)網(wǎng)站安全服務(wù)的費(fèi)用。所以只有網(wǎng)站安全了，才能給您帶來(lái)更高的收益。不幸的是，實(shí)踐當(dāng)中有相當(dāng)一部分網(wǎng)站負(fù)責(zé)的單位、人員，只有在網(wǎng)站遭受攻擊受損嚴(yán)重后才能意識(shí)到這一點(diǎn)。目前國(guó)家針對(duì)于網(wǎng)站的安全做了信息安全等級(jí)保護(hù)，如果您的網(wǎng)站沒(méi)有達(dá)到國(guó)家的安全標(biāo)準(zhǔn)，出現(xiàn)網(wǎng)站漏洞，被黑客攻擊篡改等情況，會(huì)立即收到網(wǎng)警部門(mén)的通知，嚴(yán)重的會(huì)罰款以及造成重大影響達(dá)的負(fù)刑事責(zé)任。

筆者搜集到的網(wǎng)站安全事件主要有以下幾類，

1、網(wǎng)站首頁(yè)被篡改成彩票的內(nèi)容，網(wǎng)站被掛馬，被植入黑鏈。

2、修改支付平臺(tái)訂單狀態(tài)，將未支付狀態(tài)篡改成已支付，給支付平臺(tái)和商戶造成巨大財(cái)產(chǎn)損失和名譽(yù)損失。

3、網(wǎng)站運(yùn)營(yíng)方的客戶信息被泄露，影響公司信譽(yù)。

4、APP中的用戶數(shù)據(jù)被篡改，導(dǎo)致用戶賬戶被隨意提現(xiàn)。

5、劫持網(wǎng)站，導(dǎo)致用戶點(diǎn)擊進(jìn)入網(wǎng)站隨即跳轉(zhuǎn)到不良網(wǎng)站。

以上幾類問(wèn)題都十分嚴(yán)峻，一旦發(fā)生，將會(huì)給公司帶來(lái)難以估量的經(jīng)濟(jì)損失。因此，筆者建議，在建設(shè)網(wǎng)站初期除了進(jìn)行網(wǎng)站功能設(shè)計(jì)之外，還需要聯(lián)系具有豐富從業(yè)經(jīng)驗(yàn)的網(wǎng)站安全公司進(jìn)行滲透測(cè)試服務(wù)以及網(wǎng)站安全加固服務(wù)，而不是遭受損失之才才意識(shí)到事情的嚴(yán)重性。

三、網(wǎng)站安全工作如何開(kāi)展

通常網(wǎng)站安全工作是這樣開(kāi)展的：

1、當(dāng)接收到客戶網(wǎng)站被攻擊的消息后，網(wǎng)站安全工作人員首先會(huì)根據(jù)客戶的描述確定網(wǎng)站是否被惡意攻擊，隨之迅速反應(yīng)出網(wǎng)站的哪幾部分可能是被攻擊的對(duì)象，如服務(wù)器被攻擊、首頁(yè)代碼被篡改、網(wǎng)站被劫持跳轉(zhuǎn)等。

2、逐一排查可能被攻擊的地方并進(jìn)行漏洞修復(fù)，從而將客戶網(wǎng)站存在的安全問(wèn)題消除。

3、本著對(duì)客戶負(fù)責(zé)的態(tài)度，從底層網(wǎng)站源代碼根源入手，對(duì)客戶網(wǎng)站的安全進(jìn)行加固服務(wù)，仔細(xì)檢查網(wǎng)站存在的漏洞，對(duì)每個(gè)文件代碼都進(jìn)行詳細(xì)的人工安全審計(jì)，使客戶網(wǎng)站真正變得安全，讓黑客無(wú)處下手，幫助客戶網(wǎng)站走的更遠(yuǎn)。

最后，作為一名網(wǎng)絡(luò)安全工程師，已然認(rèn)識(shí)到網(wǎng)站安全的重要性，那么對(duì)于許多網(wǎng)站運(yùn)營(yíng)者來(lái)說(shuō)，做好網(wǎng)站安全更是成功運(yùn)營(yíng)網(wǎng)站不可或缺的一步，希望網(wǎng)站安全能夠得到更加廣泛的關(guān)注。

網(wǎng)站關(guān)鍵詞：網(wǎng)站建設(shè)  網(wǎng)站設(shè)計(jì)  網(wǎng)站制作  上海網(wǎng)站建設(shè)  上海網(wǎng)站設(shè)計(jì)  上海網(wǎng)站制作  上海網(wǎng)絡(luò)公司  網(wǎng)站建設(shè)上海  上海做網(wǎng)站  上海建設(shè)網(wǎng)站  上海做網(wǎng)站公司  上海建網(wǎng)站公司  上海高端網(wǎng)站建設(shè)  上海手機(jī)網(wǎng)站建設(shè)  怎么建設(shè)網(wǎng)站  如何建設(shè)網(wǎng)站  營(yíng)銷網(wǎng)站建設(shè)  品牌網(wǎng)站建設(shè)  網(wǎng)站建設(shè)方案  響應(yīng)式網(wǎng)站建設(shè)  外貿(mào)網(wǎng)站建設(shè)  公司網(wǎng)站建設(shè)  建設(shè)網(wǎng)站  網(wǎng)站建設(shè)服務(wù)  高端網(wǎng)站建設(shè)  網(wǎng)站優(yōu)化服務(wù)  上海網(wǎng)站公司  企業(yè)網(wǎng)站設(shè)計(jì)  官網(wǎng)制作  官網(wǎng)建設(shè)  官網(wǎng)設(shè)計(jì)  網(wǎng)站建設(shè)公司  網(wǎng)站設(shè)計(jì)公司  網(wǎng)站制作公司