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;

}

Mobile Safari菜单链接和页脚未显示字体系列

0 个答案: