更改字体--非常棒的css大小。你是怎么做到的? [英] Changing font-awesome size in css. How do you do it?

查看:4
本文介绍了更改字体--非常棒的css大小。你是怎么做到的?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我尝试使用Font-Size更改字体大小,但不起作用,原因如下:

font-size: inherit

有什么方法可以覆盖它吗?我正在尝试有两个不同的大小字体可怕的移动或屏幕,我想影响字体大小使用css,而不是不同大小的字体可怕的标签。我能做些什么?

推荐答案

通常,字体很棒的图标获得它们在其中使用的元素的大小(即继承)。例如:

HTML

<p><i class='fa fa-pencil'></i> Some text here.</p>

css

p{
   font-size: 16px;
}
在这种情况下,您的图标将是16px大小。 但是,您可以单独调整图标的大小。首先,确保您的css文件位于<head>块中的font-awesome.css之后,以使其处于优先位置或使用!重要。

1)您可以在您自己的css文件中重写来自font-awesome.css的‘fa’类样式:

.fa{
    font-size: 3em !important; /*size whatever you like*/
}

2)或为图标指定其他类并设置其样式:

.newclass-for-i{
    font-size: 3em;
}

要设置手机和屏幕的不同样式,请使用css媒体查询:

@media (max-width:desired width){
    your styles
}

这篇关于更改字体--非常棒的css大小。你是怎么做到的?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆