? ?今天給大家談一個關于字體的話題,我們在做項目的過程中會遇到一些在psd中的字體在自己的電腦中沒有安裝,或者是一些特殊的文字,通常的做法是把它切成圖片,但是如果這個站是多個語言的,那我們是不是把每個語言的都切一張圖片呢,這樣做不僅工作量很大,而且在后期維護的過程中可能會很麻煩,那我們應該怎么做呢。今天給大家介紹一種方法:
首先、
先要把所用的字體下下來,我們可能會想,把字體下下來裝到電腦上不就可以了么,事實是這樣,如果這個網站在我們自己的電腦上瀏覽可能不會出現什么問題,但是如果在沒有這個字體的電腦上瀏覽可能就會有問題了,這里我們解決的是無論這個電腦上有沒有這個字體可以正確的瀏覽這個網站。
第二、
先要打開這個地址:http://cufon.shoqolate.com/generate/?打開之后先要下載一個JS文件,點擊下載。然后把本地的字體上傳,下面的選項設為默認,最后 let’s do this. 這時會再次下載一個js文件。
第三、
把下載的JS文件引用到HTML中。
第四、
在html中加入這段代碼:
<script type=”text/javascript”>
Cufon.replace(‘h5′, { fontFamily: ‘Myriad Pro’ });
</script>
在這里Cufon.replace(‘h5′, { fontFamily: ‘Myriad Pro’ });的意思就是:在h5這里的文字的字體是Myriad Pro字,不過在這里的h5并不是固定的它可是其它的標簽,比如a span p等等,但是在用這些標簽的時候,我們必需在css樣式里面給它屬上一個值,這個值就是:fontfamily:’Myriad Prpo’; 也就是把他的字體給寫上去,這樣才會有效。