所以我正在編輯一個標準的HTML頁面。字符集在頭部設置爲「utf-8」。跨度選擇器的方向設置爲「rtl」,使用CSS屬性direction(我也嘗試過html dir attribute)。我也嘗試了一些Arabic specific字體。阿拉伯文字無法正確顯示
這是正在發生的事情:
不要緊,我用什麼瀏覽器。出於某種原因,阿拉伯語文本輸出完全錯誤...或者它?字符串的部分看起來很相似,其他部分則錯了。
任何想法如何讓我的瀏覽器呈現我的客戶端示例中顯示的阿拉伯文字?
所以我正在編輯一個標準的HTML頁面。字符集在頭部設置爲「utf-8」。跨度選擇器的方向設置爲「rtl」,使用CSS屬性direction(我也嘗試過html dir attribute)。我也嘗試了一些Arabic specific字體。阿拉伯文字無法正確顯示
這是正在發生的事情:
不要緊,我用什麼瀏覽器。出於某種原因,阿拉伯語文本輸出完全錯誤...或者它?字符串的部分看起來很相似,其他部分則錯了。
任何想法如何讓我的瀏覽器呈現我的客戶端示例中顯示的阿拉伯文字?
如果有一個共同的問題,你永遠不應該忽略...這是人爲錯誤。
原來客戶提供的東西並不完全正確。至少...... Photoshop只是沒有正確顯示它。
最後,我確信UTF-8套在頭上,
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
並使用阿拉伯字體防止需要添加任何方向屬性。
但是,對於那些來到這裏是爲了更真實的問題。另一個CSS屬性來考慮:「重要」
unicode-bidi:bidi-override !important;
添加也是必須的。
你也可以使用瀏覽器兼容工具,如https://www.browserstack.com/screenshots。它們在獨立的操作系統/瀏覽器中呈現頁面,而不是您或您的客戶端。 –
其實,你有相反的方向。 Photoshop錯誤地渲染了阿拉伯文本,而您的瀏覽器只是爲您修復了它!
讓我解釋一下: 當超過1個阿拉伯字母形成一個句子時,根據字母和它的位置,它們會自動加入句子中其他字母。因此,阿拉伯語句子通常看起來連在一起。
Adobe Photoshop(英文版)無法正確呈現阿拉伯文字,所以所有字母都會分開顯示,這是不正確的,對於阿拉伯語說話者來說幾乎是不可讀的。
我真的很希望你沒有使用photoshop渲染,對於本地的阿拉伯語演講者來說,這幾乎是不合適的。
感謝您澄清這beliha。我記得從來沒有能夠可靠地解決這個問題。所以我只是使用文本的靜態圖像。這是一個非常草率的解決方案,但該項目對SEO和其他標準並不太敏感。總是很高興知道,當時間再來時,我可以參考這個線程。 –
這只是正確的。無論如何,你可以要求字體和安裝相同 – Sujay