html - 移动 Safari 菜单链接和页脚不显示字体系列

Question

我在一个非常奇怪的情况下苦苦挣扎，所以该网站在所有浏览器上都运行良好，但是在移动设备中，它们没有为菜单和页脚显示正确的字体，它们的共同点是标签，我不知道它是否相关。

这是页脚的一部分：

 <footer>
    <div class="footer-wr">
      <div class="footer-item" style="display: block;">
        <div class="center-item">
        <a href="/privacidade" style="color:white; font-family: 'Barlow-Light';"><p class="txs"><?php menu("FOOTER_POLITICA"); ?></p></a>
        <p class="txs"><?php menu("FOOTER_COPYRIGHT"); ?></p>
        </div>
      </div>
      <div class="footer-item">
        <div class="center-item" id="footer_combo">
        <a href="<?php menu("FOOTER_COMBUSTIVEL_LINK"); ?>" style="color:white; font-family: 'Barlow-Light';"><p><?php menu("FOOTER_COMBUSTIVEL"); ?></p></p></a>
        <a href="<?php menu("LINK_RECLAMACOES");  ?>" style="color:white; font-family: 'Barlow-Light';"><p><?php menu("FOOTER_RECLAMACOES"); ?></p></a>
        </div>
      </div>

这是菜单：

  <div class="menu_body_item">
                <li class="drd"><p class="dropb"><?php menu("MENU_GRUPO_URBANOS"); ?></p>
                <ul class="dropdownb">
                    <a href="/sobre" class="txs"><p style="font-size:20px;"><?php menu("MENU_SOBREA"); ?></p></a>
                    <a href="/compromisso" class="txs"><p style="font-size:20px;"><?php menu("MENU_COMPROMISSO"); ?></p></a>
                </ul></li>
            </div>
            <div class="menu_body_item" id="ax"><a href="/servicosempresariais"><p><?php menu("MENU_SERVICOS_EMPRESARIAIS"); ?></p></a></div>
            <div class="menu_body_item" id="ax"><a href="/servicosparticulares"><p><?php menu("MENU_SERVICOS_PARTICULARES"); ?></p></a></div>
            <div class="menu_body_item">
            <li class="drdb">    <p class="drop"><?php menu("MENU_RECURSOS_HUMANOS"); ?></p>
                <ul class="dropdown">
                    <a href="/trabalharnaurbanos" class="txs"><p style="font-size:20px;"><?php menu("MENU_CARREIRAS"); ?></p></a>
                    <a href="/ofertasdeemprego" class="txs"><p style="font-size:20px;"><?php menu("MENU_OFERTAS"); ?></p></a>
                </ul></li>
            </div>
            <div class="menu_body_item" id="ax"><a href="/noticias" class="txs"><p><?php menu("MENU_NOTICIAS"); ?></p></a></div>
            <div class="menu_body_item" id="ax"><a href="/contactos" class="txs"><p><?php menu("MENU_CONTACTOS"); ?></p></a></div>

我已经尝试将字体系列直接设置到 html 中，我还设置了所有类的样式，但什么也没有。

这是样式 css：

@font-face {
    font-family: 'Barlow-Light'; /*a name to be used later*/
    src: url('../font/Barlow-Light.ttf'),
    url('../font/barlow-light-webfont.woff') format('woff'); /*URL to font*/
    font-style: normal;

}

标签： htmlcss