html;使用base64加載自定義字體

我可以從服務器加載字體。但這不是正確的方法。如何使用base 64加載字體？我用這個我的CSS文件html;使用base64加載自定義字體

  @font-face {<br> 
      font-family: 'MyFontFamily';<br> 
      src: url(data:font/ttf;charset=utf-8;base64,data_base64);<br> 
     }<br> 



    .t{<br> 
     font-family: "MyFontFamily";<br> 
     background-color: red;<br> 
    }

這是我的html頁面

`<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
     <link rel="stylesheet" type="text/css" href="style2.css"> 
    <title>Document</title> 
</head> 
<body> 
    <p class = 't'>test</p> 
</body> 
</html>`

來源

2016-09-26 Robert Makritsky

製作一個巨大的假設，在這裏，但換行實際上不是在你的CSS，對嗎？ –

_「我可以從服務器加載字體。但這不是正確的方式「 - - 說誰？無論如何，以何種方式/按照什麼標準「適當」？ – CBroe

如果我的理解是否正確，那麼你要包括你的CSS文件裏base64編碼的字體。

要做到這一點，你必須遵循以下語法：

@font-face { 
font-family: 'MyFontFamily'; 
src: url(data:application/x-font-woff;charset=utf-8;base64,base64_code_here) format('woff'); 
}

數據頭和格式的變化，根據編碼字體。

我上的jsfiddle做出了表率：https://jsfiddle.net/b7sp45ca/

而且克里斯法官在評論部分中提到，如果換行是在你的代碼，那麼你將不得不擺脫他們的。

（資源使用：http://sosweetcreative.com/2613/font-face-and-base64-data-uri）

來源

2016-09-26 14:52:36 Rewire

謝謝，這個作品，我一直在尋找這個特殊的網站在一個小時內。 http://transfonter.org/。這幫助我。 –

html;使用base64加載自定義字體

回答

相關問題