<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/