[英]Why does this arrow appear blue on tablets?
我正在使用以下 HTML 代碼:
<!DOCTYPE html>
<html lang="en">
<head>
<link href="style.css" rel="stylesheet">
</head>
<body>
<div>This arrow here: <span><a href="#">↩</a></span></div>
</body>
</html>
這是我的style.css
:
span > a {
color: #F5413C;
}
在 Firefox 31 (Windows 8) 上,它顯示得很好:
但是,在我的平板電腦(Samsung Galaxy Note 10.1 2014)上,箭頭顯示為深藍色:
我該如何解決? 這可以解決嗎? 是否有一個在所有平台上都能正常顯示的 ASCII 字符列表?
不幸的是,我無法在平板電腦上的 Chrome 上找到開發人員工具,因此我無法診斷此問題。
箭頭以表情符號字體呈現,該字體可能存在於平板電腦上,但不存在於您的桌面上。 或者表情符號字體是平板電腦上唯一包含此字符的字體,而您的桌面有更多種類的字體,這些字體以“更傳統”的形式包含此字形,並且在任何表情符號字體之前選擇。
解決方案是將字體顯式設置為以您想要的方式顯示字符並且也存在於平板電腦上的字體。 如果平板電腦除了您看到的字體之外沒有任何包含此字符的字體,那么除了使用圖像之外,您無能為力。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.