2013-07-22 76 views
3

指示字體A初步一段代碼:宋體不希望顯示

<td style="padding-top:5px; font-family:Verdana, Arial, sans-serif; font-size:9pt; color:#f0e9e2; text-align:justify"> 

的Internet Explorer谷歌瀏覽器不希望顯示的宋體字體,它顯示一個Arial字體。如果我把其他的字體,而不是Verdana字體,它顯示,沒有問題,它顯示在頁面上方的Verdana字體。

問題可能是什麼?

謝謝。

+2

顯示一個例子URL –

+0

嘗試在單一包裝它引號(')。例如'font-family:'Verdana',Arial,sans-serif;' – Xareyo

+0

據我所見,該代碼應該可以工作。你有沒有試過螢火蟲或類似的工具,看看哪些CSS規則影響你的文字?也許有周圍的元素!!​​內有重要的規則或元素,並擁有自己的類/風格? (或只是一個簡單的錯字?) – cypherabe

回答

0

你不能看到字體的任何變化的原因是因爲你正在使用td標籤。

我在小提琴中檢查了這個。

這裏是第一exampe:FIDDLE 1

這裏是第二個例子:FIDDLE 2

的代碼在兩個實施例中的相同:

<td style="padding-top:5px; font-family:Verdana, Arial, sans-serif; font-size:16pt; color:#f0e9e2; text-align:justify">HELLO WORLD</td> 

但是如果在第二看到例如,我已將td標籤包含在表格中。只有在我們這樣做後,屬性纔會應用到td標籤。

編輯:說明:td標記用於定義表中使用的數據單元格。因此,td標籤必須嵌套在tr標籤中,而tr標籤又必須嵌套在表格中,因爲td和tr都是表格元素。

+0

沒有td標籤嵌套在tr標籤和所有內容的表格中,所有標籤都很好地關閉,因爲它們應該是。文檔類型是嚴格的 - &td標籤或表格的其餘部分沒有其他類/樣式規則,它只是一個簡單的文本片段 - 我在上面貼出的標籤就是它的整個標籤 –

+1

好的,我已經知道發生了什麼事。我正在改變一箇舊的網站從過渡[EmulateIE7(!)不要問!]嚴格。瀏覽器顯示的是Verdana,但新的瀏覽器渲染Verdana的方式與IE7不同,我只是推測它是Arial,因爲它看起來非常不同。對於虛驚一場對不起,再次感謝所有的建議。 –

-1

使用此,

.title{ 

font-family:verdana; 
} 

它的作品!我嘗試在谷歌Chrome和我

+0

不,td標籤嵌套在tr標籤和所有內容的表格中。文檔類型是嚴格的,在td標籤或表格的其餘部分沒有其他類/樣式規則,它只是一個簡單的文本片段,上面的標籤是它的整個標籤。最奇怪的是,它沒有顯示另一種字體的問題,這只是Verdana,從來沒有見過類似的東西。我會再次檢查拼寫錯誤並嘗試單引號。如果這不起作用,我會上傳頁面 - 目前它還沒有生效。非常感謝所有的建議! –

0

好吧,我想你正在開發某種郵件設計的,因爲你把樣式內嵌?

您是否試過在代碼中添加'!important'?

<td style="padding-top:5px; font-family:Verdana !important; font-size:9pt; color:#f0e9e2; text-align:justify"> 

是的,它會變得更加臃腫,但至於電子郵件營銷的話,你真的沒有清潔度的餘地......

+0

我認爲你錯過了這一點。他正在使用該片段作爲示例,而不是展示他的編碼風格。 – Brain2000