腳本資本H看起來與Chrome和Firefox在Internet Explorer中截然不同,幾乎難以辨認。無論如何要讓它看起來一樣或至少提高角色的易讀性?腳本資本角色在Internet Explorer中的渲染
下面是一個角色的例子。如果您在ie和firefox/chrome中打開鏈接,您可以看到區別。 http://graphemica.com/%E2%84%8B
無論我使用unicode編碼還是簡單地在標記中粘貼實際字符,字符呈現都是相同的。
腳本資本H看起來與Chrome和Firefox在Internet Explorer中截然不同,幾乎難以辨認。無論如何要讓它看起來一樣或至少提高角色的易讀性?腳本資本角色在Internet Explorer中的渲染
下面是一個角色的例子。如果您在ie和firefox/chrome中打開鏈接,您可以看到區別。 http://graphemica.com/%E2%84%8B
無論我使用unicode編碼還是簡單地在標記中粘貼實際字符,字符呈現都是相同的。
的原因是,不同的瀏覽器有不同的默認字體和腳本大寫的H在不同的字體,而不同的設計。腳本字母應該類似於手寫字母,手寫字體也會有很大差異。
如果你的頁面聲明瞭一些在CSS中使用的字體,那麼瀏覽器無論如何都將被迫使用其他字體,如果這個字符沒有被包含在你的任何聲明字體中的話。因此,你應該寫一個已知包含可接受形狀字符的字體列表,併爲包含該字符的元素聲明該列表。例如,你可以使用
<span class=special>ℋ</span>
與CSS代碼
.special { Lucida Sans Unicode, Segoe UI Symbol, DejaVu Sans }
有一個更長的名單
可能;比照到字體覆蓋信息(並不詳盡,但很有用):http://www.fileformat.info/info/unicode/char/210b/fontsupport.htm
你提到有font-family: "Times","Times New Roman","serif","sans-serif"
,但由於該網頁既沒有特定字體包含字符,命名爲襯線字體和無襯線被使用(這些名字一定不會是在引號中,以便它們將被視爲CSS定義的通用名稱!),因此瀏覽器會回退到其最低的默認字體。這有所不同,可能取決於瀏覽器設置。
請記住爲所有元素設置line-height
,以避免由同一行上不同字體的字符引起的問題,每個字符都使用自己的默認行高進行呈現。