求助 网络字体插件

  • 欢迎 游客 您的光临,下载之前请先阅读 积分规则(暂行) 。任何技术问题请在论坛提问,本站定制插件、模板主题售前、售后问题请联系QQ:5916171
UID
382
注册
2019/06/17
消息
44
反馈评分
1
黄金
1,034.0G
    Windows 10 Chrome 85.0.4183.102
  • #1
一直在研究如何修改论坛使用网络字体,而不读取你本地的字体。

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

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

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

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

想使用一些中文的网络字体,站长有研究过吗?
 
UID
382
注册
2019/06/17
消息
44
反馈评分
1
黄金
1,034.0G
    Windows 10 Chrome 85.0.4183.102
  • #2
我有查了一些资料,发现有一家的字体库是支持中文的网络字体的。
但是似乎只有JS模式是可以自定义内容的。
CSS模式似乎只能静态内容。
点我跳转中文网络字体
我觉得站长可以开发一下
 
UID
1008
注册
2020/09/17
消息
39
解决方案
5
反馈评分
91
黄金
9,007.0G
    Windows 10 Chrome 86.0.4240.75
  • #3
懂CSS的應該知道如何加,當然這不是插件,這只是一個很原始的作法。
以下舉例說明,在你的外部CSS檔或是內部less最上面一行加上以下程式碼:
CSS:
@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來源
下面的字體家族就是加入你想要使用的字體類型,請打開其中一個你要使用的註解。
先後順序則是會依照支援度來呈現。
若第一個沒有支援或是不出現或是它只能呈現英文那就會選第二個,以此類推。
 
UID
382
注册
2019/06/17
消息
44
反馈评分
1
黄金
1,034.0G
    Windows 10 Chrome 85.0.4183.102
  • #4
懂CSS的應該知道如何加,當然這不是插件,這只是一個很原始的作法。
以下舉例說明,在你的外部CSS檔或是內部less最上面一行加上以下程式碼:
CSS:
@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直接通过浏览器命令从加载本地的也是可以的。
只要是想加载自己想要的字体。
但是似乎只能通过一些网络字体的网站接口加载。
 
UID
382
注册
2019/06/17
消息
44
反馈评分
1
黄金
1,034.0G
    Windows 10 Chrome 85.0.4183.102
  • #5
懂CSS的應該知道如何加,當然這不是插件,這只是一個很原始的作法。
以下舉例說明,在你的外部CSS檔或是內部less最上面一行加上以下程式碼:
CSS:
@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來源
下面的字體家族就是加入你想要使用的字體類型,請打開其中一個你要使用的註解。
先後順序則是會依照支援度來呈現。
若第一個沒有支援或是不出現或是它只能呈現英文那就會選第二個,以此類推。
谷歌字体里没有的字体那种。
就只能通过百度其他第三方加载了。
比如这家 点我跳转
 
UID
1008
注册
2020/09/17
消息
39
解决方案
5
反馈评分
91
黄金
9,007.0G
    Windows 10 Chrome 86.0.4240.75
  • #6
同理啊!這就跟Font Awesome 一樣也是一種字體。
主要是你需要取得供應商的字體cdn網址,接著才能使用他們的字體。
區別只在於cdn供應商的來源網址
你提供的供應商也有教學頁面,它的教學方式你使用上有問題嗎?
 
最后编辑:
UID
382
注册
2019/06/17
消息
44
反馈评分
1
黄金
1,034.0G
    Windows 10 Chrome 85.0.4183.102
  • #7
同理啊!這就跟Font Awesome 一樣也是一種字體。
主要是你需要取得供應商的字體cdn網址,接著才能使用他們的字體。
你可以看看他们提供的SDK例子。
只有js才可以无限自定义。
css只能固定文字内容。
 
UID
1008
注册
2020/09/17
消息
39
解决方案
5
反馈评分
91
黄金
9,007.0G
    Windows 10 Chrome 86.0.4240.75
  • #8
你的意思是希望在某處使用某種字體,而不是整個頁面全部都是同一種字體吧!
那就用CSS選取器去局部選取特定的部分
它的js也使用這種做法

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

對於加載時間來說,能用CSS就盡量不要使用JS,這是前端設計師的規矩。
 
UID
382
注册
2019/06/17
消息
44
反馈评分
1
黄金
1,034.0G
    Windows 10 Chrome 85.0.4183.102
  • #9
你的意思是希望在某處使用某種字體,而不是整個頁面全部都是同一種字體吧!
那就用CSS選取器去局部選取特定的部分
它的js也使用這種做法

總之就是CSS選取器選定你要的部分之後做字體的切換,這沒有問題的啊!
我的意思是。
他们官网提供的CSS样式只能是固定内容文字。
你应该自己去看看他们的提供的SDK,当然为了方便我也特地给你截图了。
1.png
 
UID
1008
注册
2020/09/17
消息
39
解决方案
5
反馈评分
91
黄金
9,007.0G
    Windows 10 Chrome 86.0.4240.75
  • #10
那你可能需要具體說明一下,你希望呈現的樣子是怎麼樣!才能理解你想要的結果。
因為這個網站需要手機驗證才能註冊,我沒有國內手機所以沒辦法註冊。

我想我說的內容已經說明了一切,但是我不是很能夠明白你提出的問題所想要得到的具體結果是什麼!
1.如果你是希望在一個頁面裡的不同位置的文字使用不同的字體,那我上面已經說了,CSS的選取器可以幫你做到。
甚至可以透過CSS3 @media(max-width:320px){},幫你做到移動端的字體使用不同的字體。
2.如果你所指的是你希望每次重新整理刷新頁面字體都會一直改變,那你可以寫JS去做到這一點,但是,這種事情,很耗資源,而且我還真沒看到有人網站這樣做。
 
最后编辑:
UID
382
注册
2019/06/17
消息
44
反馈评分
1
黄金
1,034.0G
    Windows 10 Chrome 85.0.4183.102
  • #11
那你可能需要具體說明,你希望呈現的樣子是怎麼樣!方便理解,因為這個網站需要手機驗證才能註冊,我沒有辦法使用。
我就是想用他们的字体套在论上。
但是他们限制了CSS的调用,只能显示你预先设置好的内容。
也就是说无法套用论坛上,但是他们同时提供了JS套用的方法。
总的来说如果你想套他们字体到论坛上,只能使用他们提供SDK中的JS调用例子。
如果你要是用CSS,则只显示预设文字内容。
 
UID
1008
注册
2020/09/17
消息
39
解决方案
5
反馈评分
91
黄金
9,007.0G
    Windows 10 Chrome 86.0.4240.75
  • #12
但是他们限制了CSS的调用,只能显示你预先设置好的内容。????
也就是说无法套用论坛上,但是他们同时提供了JS套用的方法。
如果你要是用CSS,则只显示预设文字内容。?????
如果它要求用js調用那就用js調用,它其實都有教學頁面說明。
像是js的cdn位置放在body最後,然後使用他們特定的參數調用方式
如果你是要使用這個供應商的字庫,那就按照他們的教學作法做就可以了。
實際方法就類似於選取器的做法。

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

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

這是我所能理解你所要表達的意思所回答的內容。
 
最后编辑:
  • 支持
反馈: 诠释233
UID
923
注册
2020/07/09
消息
63
反馈评分
7
黄金
2,285.5G
    Android Chrome Mobile 64.0.3282.137
  • #14
fonts.google.com
善用谷歌字体 :icon-evil: :icon-evil: :icon-evil:
 
UID
33
注册
2017/11/12
消息
53
解决方案
3
反馈评分
37
黄金
5,836.1G
简单的事情非要搞复杂。中文网络字体没意义