自定義字體僅在加載字體時才顯示

我在使用font-face的CKeditor上使用了印地文字體。因此，當我在文本框中輸入時，它顯示的是印地文字體。自定義字體僅在加載字體時才顯示

但正是因爲font-face.So，當我複製到另一個地方，它顯示英文字體和那不是我想要的。我想用html文本字段將印地語中的數據添加到使用php腳本的mysql數據庫中。

它不插入印地文字，它是插入英文字體。

2015-05-14 Naitik Desai

我對印地語沒有經驗，所以我不知道它是如何存儲在數據庫中的。但是，字體只會影響文本的呈現方式。它不會影響數據存儲方式，所以普通的ASCII字符將成爲編輯器的輸出。如果您想以與在編輯器內可見的相同方式在網站上顯示文本，則需要在目標網站上應用相同的字體。

來源

2015-05-14 10:31:53 Reinmar

好吧，這意味着某人從我的網站複製文本是不可能的，因爲它將以英文複製。那麼，如果我想允許用戶使用它自己的語言進行復制，我可以在使用font-face之前做些什麼？ –

如果用戶在編輯器中複製並粘貼，那麼這不是問題。但事實上，如果他們複製到另一個地方，應用不同的字體，那麼字體將會丟失，因爲大多數瀏覽器不會將內聯樣式與內容一起復制（實際上這很好）。我很驚訝，因爲我從來沒有聽說過這個問題。我以爲所有的印地文字符都由不同的Unicode字符代表 - 不是由不同的字體代表......這聽起來很奇怪。 – Reinmar

我得到那個font-face僅用於查看目的，並不會將其原始值存儲到database.so我想使用轉換腳本將每個值更改爲其unicode值？ –

Reinmar是正確的，你也可以用base64編碼它嵌入您的字體在你的HTML：

<style type="text/css"> 
@font-face { 
    font-family: 'hindi'; 
    src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgA...AAA==) format('woff'), 
    url(data...) format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 
</style> 
<p style="font-family: hindi;">Output of the editor</p>

在這裏，你可以把它複製到另一個地方，但它不優化，以使其在網頁上。

來源

2015-05-14 10:47:59 KyleK

不是它不工作。 –

@ font-face { font-family：「Hindi」; （「data：application/x-font-woff; charset = utf-8; base64，d09GRgA ... AAA ==」）格式（'woff'）， url（「http：// localhost /texteditor/ckeditor/k010.TTF「）格式（」truetype「）;/*非IE */ font-weight：normal; font-style：normal; } –

這是一個例子，看到「...」，我沒有你的字體，我不能猜出真正的代碼。您必須獲得您的字體的每種格式的base64編碼來執行此操作。而localhost/...不是base64編碼的，它永遠不會在你的本地機器之外工作。 – KyleK

自定義字體僅在加載字體時才顯示

回答

相關問題