2017-09-12 124 views
0

在一些避免腳本注入的錯誤操作中,我們決定將所有「小於/大於」的符號轉換爲「左/右箭頭」 - 修飾符。IE11 - 左/右箭頭修飾符

在開發中使用IE11一切都很好,很棒。但是,在部署到PROD時,這些修飾符字母會顯示爲框。使用其他計算機訪問PROD,但據我所知它是相同版本的IE11,並且計算機之間的所有相關設置都是相同的。所有用戶都可看到框而不是修飾字母 - 也是在其他頁面,例如:

<<<< - less than 
>>>> - greater than 
˂˂˂˂ - modifier letter left arrowhead 
˃˃˃˃ - modifier letter right arrowhead 

顯示爲:

Example

任何想法?

編輯: 進一步的調查,我們使用的字體是不是在開發機器上,但在prod機器上。該字體似乎不包含修飾符字母。

但是,當我將這些字母輸入到Word中並更改爲我們的字體時,它顯示正確,雖然兩種字符不完全相同,但它們足夠接近,不受支持的字符似乎回退到某些系統字體。爲什麼這不會發生在網頁上?

回答

0

所以,似乎上面的字符不被無論是在我們的字體系列堆棧的字體支持,即:

* { font-family: 'Open Sans', sans-serif; } 

據我所知,這意味着瀏覽器回落到一個系統用於無法識別的字符的高級字體。顯然,這似乎可以在機器之間有所不同。我的解決方案是添加我知道包含字符的第三個備用字體,如下所示:

* { font-family: 'Open Sans', sans-serif, monospace; }