網頁中使用自定義中文字型的解決方法

2022-07-05 03:39:11 字數 762 閱讀 1735

英文本型自定義

中文字型自定義

上面的兩個例子,展示了自定義字型在網頁裡面的應用,這裡不是瀏覽器的字型,也不是客戶電腦裡安裝的字型,也不是或其他方式,而且是以文字的方式顯示,這樣做的好處是有的,最簡單的好看啊,再比如可以方便修改,重要的是利於seo優化。好處不多講,先講講如何實現。

首先,要準備字型,要使用字型的三種檔案格式,確保能在主流瀏覽器中都能正常顯示該字型。

下面是幾種主流瀏覽器對於字型格式的支援情況:

.ttf或.otf,適用於firefox 3.5、safari、opera

.eot,適用於internet explorer 4.0+

.svg,適用於chrome、iphone

獲取到三種格式的字型檔案後,就可以使用css的@font-face屬性來呼叫字型了

@font-face   

這樣簡單兩步就實現了,不複雜的,但是如果你真認為這樣就搞定了,那就沒有這篇文章存在的必要了。

從字型中挑出我們需要的文字,字型編輯軟體the font creator必不可少了,先看下軟體長啥樣。

這裡就是我最後挑出來的必須用到的文字。如何從字型檔案裡面找出這些文字就是下乙個問題了。這裡選編輯-》查詢或者直接ctrl+f,就會看到如下的介面了

xlslib中使用中文字型

xlslib匯出excel,不能直接使用中文的字型例如宋體,楷體,給成這樣的字元 非asii 程式會直接報錯崩潰,正確的做法是將中文名稱的字型轉換為英文,具體轉換的對應關係如下所示 mac os的一些 windows的一些 新細明體 pmingliu 細明體 mingliu 標楷體 dfkai sb...

Silverlight 中使用中文字型

hongcing.silverlight.font.mainpage xmlns xmlns x 洪星的部落格 aa1 預設字型 fontsize 36 margin 10 洪星的部落格 bb2 微軟雅黑 fontfamily fonts fonts.zip microsoft yahei font...

iOS中使用自定義字型

之前的好幾個專案,客戶都要求使用微軟雅黑字型,可是ios沒有自帶這個字型,腫麼辦 只能自己自定義字型了,下面是自定義字型的幾個重要步驟 需要注意的是,otf格式的檔案只能在ios5之後才能使用,所以假如你的系統需要在ios5.0之前的版本中使用的話,最好使用.ttf格式的字型檔案 2 在info.p...