處理wordpress單引號雙引號被換掉

不知道為什麼,code中有單引號、雙引號時,

顯示出來會變成英文語系的反逗號(“” ‘’ )。

你各位看過誰的code能接受這兩個符號的嗎!

所以該怎麼辦才好!爬文爬文再爬文。

 

原來是wordpress後台原生設定的原因,

我是直接裝套件解決。

Quotmarks Replacer 套件然後啟用,重整一下,

就可以正常顯示單引號雙引號了。

 

不過套件是後來才找到的辦法,

本來以為是使用英文語系字體的問題,所以是想用css解決。

既然資料也查了,就一起整理一下。

 

css3 的 @font-face

 

@font-face平常在使用大多是用來處理

「網站設定的字體,使用者的裝置沒有」的狀況,

透過這個設定讓瀏覽器可以去幫使用者下載網站的字體。

 

除此之外我對它就沒有別的認識了XDDD

這次標點符號問題主要是想用 @font-face 的 unicode-range屬性來處理。

ex.

@font-face {
  font-family: MyCustomFont;
  unicode-range: U+00-7F; /* ASCII */
  src: local(Helvetica), local(Arial); /* 先找 Helvetica ,沒有的話用 Arial */
}

這樣設定後, MyCustomFont 這個字體就只會套用在 U+00 到 U+7F 這些字元。

 

所以來找找單引號雙引號的ASCII ...

直接找維基百科就可以了~

https://en.wikipedia.org/wiki/List_of_Unicode_characters

單引號是U+0027,雙引號是U+0022,

所以針對單引號跟雙引號兩個unicode就這樣設定:

@font-face {
  font-family: MyCustomFont;
  unicode-range:U+0022,U+0027;
  src: local(Arial), local(Lucida Console);
}

 
body記得要改。

body {
  font-family: MyCustomFont, Lucida Console;
}

 

然後...當然失敗了,不然怎麼會裝套件嘛齁XD

不過之後也是有機會會用到,就一起記錄一下。
 
 

參考文章

利用 CSS 分別設定中文字、英數、注音、假名的字體:使用 CSS3 @font-face

WordPress 单引号问题解决方法