求助 网络字体插件

[BestChen]

一直在研究如何修改论坛使用网络字体，而不读取你本地的字体。

然后发现一些主题发现它们都有设置里面让你选择 使用谷歌字体。

然后百度了一下谷歌字体，发现在国内也是有很多镜像站的。

但是似乎都无法使用中文字体。

点我跳转 谷歌字体中文镜像站 。

想使用一些中文的网络字体，站长有研究过吗？

 

[BestChen]

我有查了一些资料，发现有一家的字体库是支持中文的网络字体的。
但是似乎只有JS模式是可以自定义内容的。
CSS模式似乎只能静态内容。
点我跳转中文网络字体
我觉得站长可以开发一下

 

[Code2Wolf]

懂CSS的應該知道如何加，當然這不是插件，這只是一個很原始的作法。
以下舉例說明，在你的外部CSS檔或是內部less最上面一行加上以下程式碼：

@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css);
/* font-family:'cwTeXHei', sans-serif; 黑體*/
/* font-family:'Orbitron', sans-serif; 英文方正體*/
/* font-family:'Lobster', cursive; 英文草書體*/
/* font-family:'Orbitron', 'cwTeXHei', sans-serif; 中英字*/

說明一下
@import url是你的CDN來源
下面的字體家族就是加入你想要使用的字體類型，請打開其中一個你要使用的註解。
先後順序則是會依照支援度來呈現。
若第一個沒有支援或是不出現或是它只能呈現英文那就會選第二個，以此類推。

 

[BestChen]

懂CSS的應該知道如何加，當然這不是插件，這只是一個很原始的作法。
以下舉例說明，在你的外部CSS檔或是內部less最上面一行加上以下程式碼：

@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css);
/* font-family:'cwTeXHei', sans-serif; 黑體*/
/* font-family:'Orbitron', sans-serif; 英文方正體*/
/* font-family:'Lobster', cursive; 英文草書體*/
/* font-family:'Orbitron', 'cwTeXHei', sans-serif; 中英字*/

說明一下
@import url是你的CDN來源
下面的字體家族就是加入你想要使用的字體類型，請打開其中一個你要使用的註解。
先後順序則是會依照支援度來呈現。
若第一個沒有支援或是不出現或是它只能呈現英文那就會選第二個，以此類推。

不是，我想要的字体肯定不是这种。这些都是常规字体。
就算不用CSS直接通过浏览器命令从加载本地的也是可以的。
只要是想加载自己想要的字体。
但是似乎只能通过一些网络字体的网站接口加载。

 

[BestChen]

懂CSS的應該知道如何加，當然這不是插件，這只是一個很原始的作法。
以下舉例說明，在你的外部CSS檔或是內部less最上面一行加上以下程式碼：

@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css);
/* font-family:'cwTeXHei', sans-serif; 黑體*/
/* font-family:'Orbitron', sans-serif; 英文方正體*/
/* font-family:'Lobster', cursive; 英文草書體*/
/* font-family:'Orbitron', 'cwTeXHei', sans-serif; 中英字*/

說明一下
@import url是你的CDN來源
下面的字體家族就是加入你想要使用的字體類型，請打開其中一個你要使用的註解。
先後順序則是會依照支援度來呈現。
若第一個沒有支援或是不出現或是它只能呈現英文那就會選第二個，以此類推。

谷歌字体里没有的字体那种。
就只能通过百度其他第三方加载了。
比如这家 点我跳转

 

[Code2Wolf]

同理啊！這就跟Font Awesome 一樣也是一種字體。
主要是你需要取得供應商的字體cdn網址，接著才能使用他們的字體。
區別只在於cdn供應商的來源網址
你提供的供應商也有教學頁面，它的教學方式你使用上有問題嗎？

 

[BestChen]

同理啊！這就跟Font Awesome 一樣也是一種字體。
主要是你需要取得供應商的字體cdn網址，接著才能使用他們的字體。

你可以看看他们提供的SDK例子。
只有js才可以无限自定义。
css只能固定文字内容。

 

[Code2Wolf]

你的意思是希望在某處使用某種字體，而不是整個頁面全部都是同一種字體吧！
那就用CSS選取器去局部選取特定的部分
它的js也使用這種做法

總之就是CSS選取器選定你要的部分之後做局部字體的切換，這沒有問題的啊！
你說的無限自定義是什麼無限？

對於加載時間來說，能用CSS就盡量不要使用JS，這是前端設計師的規矩。

 

[BestChen]

你的意思是希望在某處使用某種字體，而不是整個頁面全部都是同一種字體吧！
那就用CSS選取器去局部選取特定的部分
它的js也使用這種做法

總之就是CSS選取器選定你要的部分之後做字體的切換，這沒有問題的啊！

我的意思是。
他们官网提供的CSS样式只能是固定内容文字。
你应该自己去看看他们的提供的SDK，当然为了方便我也特地给你截图了。

 

[Code2Wolf]

那你可能需要具體說明一下，你希望呈現的樣子是怎麼樣！才能理解你想要的結果。
因為這個網站需要手機驗證才能註冊，我沒有國內手機所以沒辦法註冊。

我想我說的內容已經說明了一切，但是我不是很能夠明白你提出的問題所想要得到的具體結果是什麼！
1.如果你是希望在一個頁面裡的不同位置的文字使用不同的字體，那我上面已經說了，CSS的選取器可以幫你做到。
甚至可以透過CSS3 @media(max-width:320px){}，幫你做到移動端的字體使用不同的字體。
2.如果你所指的是你希望每次重新整理刷新頁面字體都會一直改變，那你可以寫JS去做到這一點，但是，這種事情，很耗資源，而且我還真沒看到有人網站這樣做。

 

[BestChen]

那你可能需要具體說明，你希望呈現的樣子是怎麼樣！方便理解，因為這個網站需要手機驗證才能註冊，我沒有辦法使用。

我就是想用他们的字体套在论上。
但是他们限制了CSS的调用，只能显示你预先设置好的内容。
也就是说无法套用论坛上，但是他们同时提供了JS套用的方法。
总的来说如果你想套他们字体到论坛上，只能使用他们提供SDK中的JS调用例子。
如果你要是用CSS，则只显示预设文字内容。

 

[Code2Wolf]

但是他们限制了CSS的调用，只能显示你预先设置好的内容。????
也就是说无法套用论坛上，但是他们同时提供了JS套用的方法。
如果你要是用CSS，则只显示预设文字内容。?????

如果它要求用js調用那就用js調用，它其實都有教學頁面說明。
像是js的cdn位置放在body最後，然後使用他們特定的參數調用方式
如果你是要使用這個供應商的字庫，那就按照他們的教學作法做就可以了。
實際方法就類似於選取器的做法。

所謂選取器就是指你希望在這個頁面的標籤、或id、或class的位置採用什麼樣的自定義style
而選取器在CSS有，js的jquery也有，這家供應商使用的是jquery。

它的教學頁面上說的不是限制你調用CSS吧！而且你的圖片那個只是官網測試字體的效果預覽頁面，跟不能使用CSS調用是兩回事吧！
它是指CSS調用：適用於內容已經確定的、不常變動的、非資料庫動態更新的頁面，但是CSS渲染的是DOM結構樹，怎麼會無法套用在論壇上呢？除非你的論壇會經常要使用JS動態出現新的DOM結構。
就算是從資料庫之後調出來的內容，只要它是呈現在模板固定的結構位置上，那也都是可預知的，也都會被CSS所渲染到
主要是用選取器的規則做到，選取器還可以有很多擴展，可以參考一下。

這是我所能理解你所要表達的意思所回答的內容。

 

[BestChen]

@死了算了 可以搞一下这个，网络字体的插件。

 

[qinghan]

fonts.google.com
善用谷歌字体

 

[xinli_zhao]

简单的事情非要搞复杂。中文网络字体没意义