iT邦幫忙

1

如何讓網站字體在大陸可以正常顯示

html5 css 網站字體 大陸
Chan_Z01_C05 2021-10-05 17:33:33 ‧ 2497 瀏覽

  • 分享至 

  • xImage

我使用google font，會讓我的網站在大陸那端無法正常顯示。
請問有沒有什麼解決方法呢？
下方是我引入的程式碼
https://ithelp.ithome.com.tw/upload/images/20211005/20138384mpfbmOH95D.png
https://ithelp.ithome.com.tw/upload/images/20211005/20138384OpnDBVV4PM.png

小魚 iT邦大師 1 級 ‧ 2021-10-05 19:26:53 檢舉
因為中國境內禁止Google.
jack8900 iT邦新手 2 級 ‧ 2021-10-06 13:58:22 檢舉
CSS事先下載，應該就不會被擋了吧?
BeEvil_Y iT邦新手 4 級 ‧ 2021-10-06 14:02:10 檢舉
這個你不是去逛逛大陸的網站，看他們都引用哪裡的字體資源包，就可以解決了？
他們內陸的工程師，一樣會有你的問題啊？
https://www.anspoon.com/google-fonts-alternative-and-front-end-public-cdn-service-2751.html
登入發表討論
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

5 個回答

1
純真的人
iT邦大師 1 級 ‧ 2021-10-05 17:42:26

有呀~你可以在大陸以外提供的虛擬空間~
自己架站讀取指定網址
https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap
再從自己架站讀取進來~
意思就是做一個跳板網站~繞一下封鎖位置就可以了@@"

Chan_Z01_C05 iT邦新手 5 級 ‧ 2021-10-05 17:45:33 檢舉

請問是在css的部分寫入這個網址嗎？
因為是第一次做台灣跟大陸都需要使用的網站，所以完全不知道會有這個問題

純真的人 iT邦大師 1 級 ‧ 2021-10-05 17:48:53 檢舉

因為大陸是封鎖Google
所以用網站跳板的方式避開~
但技術上比較進階~如果你沒有學到後端語言~就比較難了~

Chan_Z01_C05 iT邦新手 5 級 ‧ 2021-10-05 17:52:25 檢舉

我知道了，我會先試試看你們的方式
若真的不行，我會再詢問公司的後端工程師，看有沒有辦法解決。
感謝您的幫忙

登入發表回應
0
咖咖拉
iT邦好手 1 級 ‧ 2021-10-05 17:44:40 
https://blog.51cto.com/51reboot/2073622

換CDN 是最快的方式

Chan_Z01_C05 iT邦新手 5 級 ‧ 2021-10-05 17:46:09 檢舉

請問是直接寫入哪裡呢？
我完全沒有經驗QQ

咖咖拉 iT邦好手 1 級 ‧ 2021-10-05 17:48:44 檢舉

將

fonts.googleapis.com

換成 下面試試看

fonts.cat.net
Chan_Z01_C05 iT邦新手 5 級 ‧ 2021-10-05 17:52:50 檢舉

好的！ 我試試看。
感謝您～～～～
不然我快要走投無路了

登入發表回應
2
㊣浩瀚星空㊣
iT邦大神 1 級 ‧ 2021-10-06 09:07:37

基本有幾種處理的方法

1.找大陸用的替代GOOGLE字型CDN位置，換過去就好。如果兩邊都要使用。可以利用一下檢查瀏覽器檢查語系來切換要使用的字型。
2.直接將GOOGLE字型下載下來用。(我之前是用這一招)
3.使用CDN或PROXY轉向讀取字型位置。
4.找WEB用字型庫。網站全使用自已下載的字型。

登入發表回應
0
server101
iT邦新手 5 級 ‧ 2021-11-04 11:38:55

如果是自己架設網站，可以把字體放在伺服器上。

或者是採用中國大陸內部的Google鏡像站：http://www.googlefonts.cn/fonts

登入發表回應
0
aaaa40699
iT邦新手 5 級 ‧ 2023-07-19 00:28:58

自己架設網站都會遇到一些問題
可以私訊我，或是參考架設網站教學文章

這問題可以把google fonts禁止使用就可以/images/emoticon/emoticon07.gif

登入發表回應

我要發表回答

立即登入回答
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22202 篇
完賽人數
602 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙