Question

您好朋友我的网站有两种语言1.英语2.波斯语。

我为我的波斯语尝试了一些字体，但

的显示有很大差异

所有浏览器。现在在每个浏览器中，我的网站看起来与Chrome显示不同

不同的火狐在探险家和歌剧中有着不同的差异。

这些差异在一个浏览器中给我带来了问题，字体很大，第二个

一个字体很小，所以它为我创造了图形问题。

我如何使用波斯语字对所有浏览器看起来都一样。

Here is my CSS Code:


body
{
    background:#000000;
    font-family:"Calibri";
    padding:0 0 0 0;
    margin: 0 0 0 0;
}

Answer 1

Calibri字体不包含阿拉伯字母，因此使用样式表，您可以在每个浏览器的默认字体中获得波斯语文本。在安装了Calibri的系统上，这会导致样式不匹配，因为Calibri中的字母相对较小（相对于字体大小）。

在所有浏览器中使用相同字体呈现文本的唯一方法（在可能的范围内）是使用可下载字体，通过@font-face。一个简单的入门方法是使用Google Fonts: Early Access，您可以在其中找到包含您需要的字符的几种字体。使用示例：

<style>
@import url(http://fonts.googleapis.com/earlyaccess/scheherazade.css);
body { font-family: 'Scheherazade', serif; }
</style>

Answer 2

并非所有平台都有“Calibri”字体。
Calibri字体可能没有波斯语/阿拉伯字母（浏览器会尝试用他们选择的其他阿拉伯字体替换）。
如果您想要可预测的结果，那么您应该选择具有此类字母的字体
您应该明确定义字体大小，因为不同的浏览器可能对默认字体大小有不同的看法。

试试这个例子：

body
{
    background:#000000;
    font-family:"Arabic Typesetting", serif;
    font-size:12pt;
    padding:0 0 0 0;
    margin: 0 0 0 0;
}

Answer 3

您还可以使用以下网站创建字体webkit

Convert Fonts

Font Squirrel

它将为您提供5个文件的压缩文件。它将具有以下扩展名： -

1＆GT; .eot

2 - ; .SVG

3＆GT; .ttf

4＆GT; .woff

5个的CSS

现在，查看.css并在其网址中指定webkit-font url路径

例如：

    <html>
    <head>
    <style type="text/css" >
    @font-face {
    font-family: 'Sri-TSCRegular';
    src: url('sri-tsc-webfont.eot');
    src: url('sri-tsc-webfont.eot?#iefix') format('embedded-opentype'),
         url('sri-tsc-webfont.woff') format('woff'),
         url('sri-tsc-webfont.ttf') format('truetype'),
         url('sri-tsc-webfont.svg#Sri-TSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    body { font-family: "Sri-TSCRegular", serif }
    </style>
    </head>
    <body>
     This is Sri-TSCRegular.
    </body>
    </html>

如何在所有浏览器中将波斯字体设置为相同

3 个答案: