Safari无法使用bootstrap nav

Question

我在bootstrap中创建了一个导航顶部栏。每个浏览器都运行良好，但在Safari上它会搞乱电话号码和电子邮件。有谁知道为什么？

<nav class="navbar navbar-default" style="background-color: #003366">
    <div class="container-fluid">
      <div class="navbar-header">
        <a class="navbar-brand" style="margin-left: 20px;">
          <font color="white"><h3><i>Company</i></h3></font>
          <font color="white" size="1">
            123 Main Ave<br />
            Managers Office Suite 100 - Manager Name<br />
            xxx.xxx.xxxx<br />
            email@propertyemail.com
          </font>
        </a>
      </div>
      <ul class="nav navbar-nav navbar-right">
        <p style="margin-right: 50px;" align="right">

          <font color="white" size="5"><i>11:40, AM<br />Tuesday, June 12, 2018</i></font>

        </p>
      </ul>
    </div>
</nav>