2016-11-05 4 views
0
<i class="fa fa-graduation-cap" aria-hidden="true" style="font-size: 50px;"></i> 

が動作しませCSS、HTMLでのフォントサイズを変更するフォントのみ

.fa-graduation-cap { 
margin-top: 38px; 
color: #E46A6B; 
font-size: 50px; 
} 

私は前にこの問題を持っていたことがありません

doesntの仕事。何か案が?

はい、私はフォント - すばらしいCSSが正しくリンクされています。

+0

DO-

あなたのフォント素晴らしい、すでに与えられている場合がありますインラインCSS削除インラインCSSや のいずれかを使用していますかあなたが見ることができるようにURL – Rahul

+0

また、検査要素によって何が問題かを確認してください。 – Rahul

+0

そのタイトルに間違ったものがたくさんあります。 – Xorifelse

答えて

2

font-awesome.cssファイルのアイコンにfont-sizeがすでに定義されていると思います。 HTMLコードにスタイルタグを追加すると、これらの定義済みのクラスがオーバーライドされます。 cssでfont-sizeを定義した後に、!importantと入力して明示的に上書きしてみてください。例:

.fa-graduation-cap { 
    margin-top: 38px; 
    color: #E46A6B; 
    font-size: 50px !important; 
} 

@developernatorの記載どおり、定義済みのクラスを使用することもできます。しかし、私はほとんどの場合、これらのクラスのサイズの間に適切なサイズが入ることがわかります。

0

クラスuは元のライブ私たちを見ることができます最初のインラインCSS、その後、外部CSS

font-size: 50px !important;

関連する問題