Unicode u2018 跟 u2019，也就是英文稱為 Smart Quotes 或是 Curly Qoutes 的 ‘  ’ 一對寶，這是個很神奇的字符，當在特定狀況時，瀏覽器會在前或後面自己加“空白”，而且有問題的話，問題會發生在英文版作業系統中，而中文版不會有問題，我找了好久，在網路上都找不到答案，很多前端工程師前輩都有發現這個問題，有些人的解法就乾脆就把這兩個字元取代成 straight quote ，我不覺得這是一個好的解法，畢竟，這對“寶”在英文使用上，是有一定重要性的。

"This is a 'magic' book."

vs.

“That’s a ‘magic’ book.”

在英文的寫法中，下面用 curly quotes 才是正確的寫法，也好看多了。

在一陣亂試中，我發現這問題可跟 font 的設定有關，當它在以下的 font-family 下，它的前後面會有一個空白：

font-family: "Lucida Grande", "Songti TC", "Microsoft JhengHei", PMingliu, 新細明體, sans-serif;

但是，把 font-family 設成這樣，也就是在中文字型前，加一個很常用的英文字型，就不會了：

font-family: "Lucida Grande", Helvetica, "Songti TC", "Microsoft JhengHei", PMingliu, 新細明體, sans-serif;

合理的猜測是當英文字型找不到時，瀏覽器開始用下一個指定的字體，而下一個如果是中文，在英文版的電腦環境中，就會有空白產生，但是為什麼呢？

看起來跟中文字體有很大的關係，但是到底是為什麼？是不是有能人能教導一下，先感謝了。