css - https://github.com/erikflowers/weather-icons からアイコンのサイズを変更できません

Question

これらのアイコンをopenweathermapと一緒に使用しようとしていますが、サイズを変更することはできませんが、うまくいきました! それらが使用される方法は、font-awesome のもののようなものです。<i class="wi wi-omw-100"></i>

大きくするには、どの属性を変更すればよいですか? （素晴らしいフォントは機能しませんでした！）そして、ドキュメントに特定のものが見つかりませんでした。

スターター レベルの CSS ユーザーはこちら。

(コード: http://codepen.io/dioannou/pen/grveyR )

Answer 1

これが1か月前のものであることは知っていますが、私がどのようにそれをしたかをお話ししたいと思いました:

少し調べたところ、タグ tag を持つすべての要素を対象とするこのソリューションが見つかりました<i>。

クラスの CSS のワイルドカード *

これは最適な解決策ではない可能性があり、ドキュメントが非常に限られていることは間違いありません。

最後に、オーバーライドする css ファイルでこれを行いました。

i[class^="wi-"], i[class*=" wi-"] {
    font-size: 200px;
}

これはおそらく最適な解決策ではありません。より良い方法が見つかったら、ここに投稿します。特定のサイジング クラスの元の CSS ファイルを見る機会はありませんでしたが、これは、1 つのページでそれを使用して先に進む必要があるというトリックでした。

これが誰かに役立つことを願っています。