<i class="fa fa-envelope fa-lg">
    robfran@gmail.com
</i>


我有以下代码。如何更改“ example@gmail.com”的字体类型?

最佳答案

我假设您想要的不是Font-Awesome的字体。

做这样的事情:

的HTML

<i class="fa fa-envelope fa-lg"></i><span class="email_font">example@gmail.com</span>


的CSS

span.email_font {
    font-family: "Times New Roman", Georgia, Serif !important;
}


如果在计算机/浏览器/手机上未加载Times New Romans,则Times New Roman是电子邮件地址的字体,Georgia和Serif是备用字体。

您还可以指定font-style:(可以是普通,斜体和斜线),font-weight:(可以是普通,粗体或数字)和font-size:(以px为单位的数字或%等)。还有其他的,但是这些是基础。

所以我们可以做

span.email_font {
    font-family: "Times New Roman", Georgia, Serif !important;
    font-style: italic !important;
    font-weight: bold !important;
    font-size: 15px !important;
}


这样,您就可以在Times New Roman中使用斜体,粗体和15px大小的电子邮件。我添加了!important以确保实现这些样式。

如果您想以内联方式进行简化,请不要这样做。

<i class="fa fa-envelope fa-lg"></i>
<span style="font-family: 'Times New Roman', Georgia, Serif; font-style: italic; font-weight: bold; font-size: 15px ;">example@gmail.com</span>

关于html - 如何修改“超赞字体”中的文本?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30490859/

10-10 18:41
查看更多