如何使用@ face-font inline作爲內聯樣式規格？

我嘗試添加在頁面內這件事情，但它不工作。有什麼方法可以內聯指定這些樣式嗎？如何使用@ face-font inline作爲內聯樣式規格？

@font-face { 
    font-family: 'Cuprum'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Cuprum'), local('Cuprum-Regular'), url(http://themes.googleusercontent.com/static/fonts/cuprum/v4/sp1_LTSOMWWV0K5VTuZzvQ.woff) format('woff'); 
} 
@font-face { 
    font-family: 'Cuprum'; 
    font-style: normal; 
    font-weight: 700; 
    src: local('Cuprum Bold'), local('Cuprum-Bold'), url(http://themes.googleusercontent.com/static/fonts/cuprum/v4/SfDyn5tWOk7I1we45jpLKz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); 
}

來源

2012-10-01 dean

你的風格屬性是什麼意思？我不這麼認爲。在風格元素中，是的。 – FelipeAls

你不能使用font-face作爲內聯樣式。你可以調用風格標籤。 –

我試圖在電子郵件傢伙居然要應用此字體但你已經知道了電子郵件不允許添加CSS類和CSS文件，那麼有沒有什麼辦法適用於在電子郵件？ – dean

把它們放置在head元件，例如內部的style元件

<!doctype html> 
<title>Your title</title> 
<style> 
    /* put your CSS code here */ 
</style> 
<h1>Hello world</h1>

如果您不能設置元素融入head部分（如你可能會在HTML格式的電子郵件進行合成時，因撰寫程序），那麼你可以嘗試把style元素body內。這將是無效的，但它仍然適用於瀏覽器。

無論是郵件客戶端會識別並使用可下載字體是不同的問題 - 取決於客戶端。

來源

2012-10-01 06:43:53

這會在所有瀏覽器中工作嗎？ – dean

@dean，這意味着你的意思是什麼它工作在正常的瀏覽器，但在電子郵件客戶端HTML渲染引擎是不同的東西「的瀏覽器。」正如你所指出的那樣，它們有不同的限制。 –

感謝的人.... – dean

如何使用@ face-font inline作爲內聯樣式規格？

回答

相關問題