Html mac（wordpress）上的字体和div位置不同

www.oihanevalbuenaredondo.be

我用

字体系列：adobe arabic

在css中为我的文章标题制作了一种字体，在我的windows上，标题准确地显示了它应该是什么样子，然而，当我在mac上访问我的博客时，标题只是一种无聊的基本字体，而不是“adobe arabic”。为什么safari不能用Adobe阿拉伯语显示标题

这在document style.css中：

.entry-title {
font-family: adobe arabic;
text-align: center;
letter-spacing: 1px;
color: #7f7f7f;
font-size: 28px;
position: relative;
margin: 0 0 10px 0;
padding: 0 60px;
}

.entry-title a:hover {
color: #d9d9d9;
}

我还有一个问题。如果你在windows上，你将看不到它，但我页面顶部的语言选项在我的windows上的位置非常完美，但在mac上，边框和下拉列表的位置不均匀，其中一个更偏左

这是我对边界的css：

.topbar {
position: absolute;
right: 170px;
top:-8px;
font-size: 11pt;
color: #E1BDC3;
border: 1px dotted #999999;
border-radius:8px;
width: 255px;
height: 48px;
padding-top: 11px;
padding-left: 10px;
z-index: 1000;}

这是我的下拉列表：

.widget_polylang {
position: absolute;
top: -330px;
width: 150px;
right: 20px;
z-index: 10001;}

此代码用于定位小部件。因为下拉列表只能通过小部件添加到我的博客中。所以我定位了小部件

也许我在css中做错了什么，我不知道，我是HTML的初学者，这在windows上对我来说很好，但显然

---

它在mac上不正确。

最可能的原因是您的mac上没有安装这些字体。对于网页，您需要使用

@font-face

规则定义字体。使用

@font-face

，您可以将字体与网页一起提供，或者使用提供的url，浏览器可以使用它。

首先，您应该通过CSS将新字体添加到项目中。 在这里，您可以了解如何正确执行此操作：

---

我建议阅读Javier Cadiz的答案，因为他建议使用.woff格式，这是我认为最好的解决方案

首先，你需要嵌入字体，让全世界都知道它

您可以通过实现

@font-face

：

@font-face {
    font-family: myFont;
    src: url(path/to/your/font.ttf);
    font-weight: bold;
}
p{font-family: myFont}

或者可以在CSS3中使用导入方法

@导入url（'https://fonts.googleapis.com/css?family=Barrio');
p{
字体系列：“Barrio”，草书；
}

---

您好

听起来您需要首先对css进行规范化，因为如果没有规范化，浏览器将执行其唯一的预渲染样式。如果浏览器无法识别你的字体，也可以对你的字体使用回退。我不知道该怎么做：我不是这方面的专家。请你为你的“帖子标题”粘贴html，并粘贴应用字体的css。另一个问题是OSX和WIN之间文本的轻微对齐错误，这可能与两个操作系统之间字体呈现引擎的差异有关。你可以在这里读到：不幸的是，你对此无能为力。我将发布这篇文章的csstitles@Zze我编辑了我的问题，我把它放在了标题的css中，所以如果我把它放在我主题的字体文件夹中，我上传并激活了主题，我是唯一一个可以看到它的人，因为它不仅仅是安装了字体的。我使用的是基本的adobe阿拉伯语，在mac或iPhone上都没有显示。你可以将字体放在网页的文件夹中，使用@fontface规则将其添加到css中，或者在css中添加url链接，任何一个都可以