Marketo登陆页面上的自定义字体仅显示在Mac上?

时间:2015-04-06 17:03:12

标签: css fonts font-face marketo

我们正在尝试在Marketo上启动新的目标网页模板,并指定了要在网页上使用的非标准字体(Gotham SSm)。但是,该字体仅显示在Mac上的浏览器(Chrome,Firefox,Safari)中。 PC(以及IE)上的那些浏览器显示Helvetica / Arial。

以下是我们指定添加字体的代码:

<link href="https://www.instant.ly/css/ce/fonts/149381/AD116F7D4F9AF23F3.css" rel="stylesheet" type="text/css">

<script language="JavaScript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

<style type="text/css">

@font-face {
   font-family: "Gotham SSm";
}

#bodyId {
background: #fff;
font-family: "Gotham SSm", Helvetica, Arial, sans-serif;
font-size: 14px;
text-align: center;
margin: 0px;
padding: 0px;
}

这是WIP登陆页面测试页面:

http://pages.instant.ly/LP---Instantly-Templates_LP---Faux-Site---V2.html

这个问题可能是什么原因,我们如何解决?

1 个答案:

答案 0 :(得分:0)

在另一个论坛中,有人通过让我知道字体名称应该是&#34; Gotham SSm A&#34;来帮助回复。更改CSS中的名称似乎解决了这个问题。