Html本地文件中的字體

我在CSS文件中選擇字體時出現問題。該字體在本地HTML代碼中顯示不正確。Html本地文件中的字體

#main_menu ul li 
    { 
     border-left:1px solid #dad8d8; 
     font-family:"arabic transparent"; 
     font-size:16px; 
     padding: 0px 20px; 
     color: #e2001a; 
     list-style: none; 
     display: inline; 
     font-weight: bold; 
    }

HTML文件中的字體與Photoshop設計中不同。

來源

2013-03-27 Eng Maisa

是否包含在HTML/CSS文件中的字體？ – Vucko 2013-03-27 09:12:14

請注意，某些字體名稱區分大小寫 – Sebastian 2013-03-27 09:18:04

沒有足夠的信息。你的意思是字體已經在系統中本地安裝，並且它在頁面上使用，但它看起來與Photoshop中的渲染不同？然後，答案就是Web瀏覽器呈現不同於彼此和Photoshop的字體。如果渲染中有特別的東西，可能有一些方法可以減少差異，但這需要關於差異和字體（以及一些實際示例文本）的詳細信息。 – 2013-03-27 09:23:40

你不能只在網頁/ HTML中使用任何字體。你有一些稱爲網絡安全字體的東西，並可以添加自定義的手冊。

轉換技術檢查FontSquirrel：http://www.fontsquirrel.com

如果字體是你的本地計算機上，它「可以」的工作，如果瀏覽器嘗試尋找它，但你不能依賴它，因爲大多數其他用戶訪問您的網站將不會有它們，使字體回退到宋體或類似的默認字體。

字型松鼠會給你這些格式（名稱是一個例子）;

arabic.eot
arabic.svg
arabic.ttf
arabic.woff

所有這些包括了所有主要的瀏覽器應該能夠與讀取您的自定義字體@font-face財產：

@font-face { 
    font-family: 'arabic transparent'; 
    src: url('arabic.eot'); 
    src: url('arabic.eot?#iefix') format('embedded-opentype'), 
     url('arabic.woff') format('woff'), 
     url('arabic.ttf') format('truetype'), 
     url('arabic.svg#arabic_transparent') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

#main_menu ul li { 
    font-family: 'arabic transparent'; 
}

來源

2013-03-27 09:14:16

當我寫這段代碼的文本在鉻消失 – 2013-03-28 08:50:24

你做FontSquirrel轉換（下載（然後？）它不像只粘貼這個代碼到 – 2013-03-29 10:49:02

你更好地使用CSS3中的@font-face。從W3School例如：

@font-face 
{ 
    font-family: myFirstFont; 
    src: url('Sansation_Light.ttf'), 
     url('Sansation_Light.eot'); /* IE9+ */ 
} 

div 
{ 
    font-family:myFirstFont; 
}

來源

2013-03-27 09:14:30

我用它，但我的問題是爲什麼字體在html本地文件看起來不像在Photoshop中的字體 – 2013-03-27 09:38:19

我想這不是CSS的問題，但瀏覽器渲染......這是你不能影響的東西 – 2013-03-27 09:40:18

你必須embbed字體

使用以下網站字體生成 www.fontsquirrel.com/fontface/generator

@font-face { 
    font-family: 'YourFont'; 
    src: url('YourFont.eot'); 
    src: url('YourFont.eot?#iefix') format('embedded-opentype'), 
     url('YourFont.woff') format('woff'), 
     url('YourFont.ttf') format('truetype'), 
     url('YourFont.svg#YourFont') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

來源

2013-03-27 09:16:06

I使用的字體面但我的問題在本地html文件我在系統中安裝了這種字體，並用它在Photoshop中，但是當我選擇它在CSS代碼它看起來不像在Photoshop中 – 2013-03-27 09:27:21

字體是反映？一些字體在photoshop中看不到相同的效果。或者您可以使用谷歌字體（http://www.google.com/fonts/）。它會更好地工作...... :) – 2013-03-27 09:46:00

Html本地文件中的字體

回答

相關問題