폰트어썸 크기변경
본문
https://fontawesome.com/docs/web/style/size 에서 보고 아이콘 사이즈를 크게 하려하는데 변화가 없습니다.
어디를 손봐야 할까요..
"fa fa-file-text-o fa-6x"
<ul class="index_quick_icon">
<li>
<p><a href="<?php echo G5_BBS_URL; ?>/board.php?bo_table=gallery"><i class="fa fa-file-text-o fa-6x" aria-hidden="true"></i></a></p>
<p><a href="/board.php?bo_table=gallery/">바로가기</a></p>
</li>
</ul>
답변 3
i 클래스에 직접 수정해보세요
font-size:30px 이렇게하면 될거에요
.fa-6x {
font-size:30px
}
위 에쎔 폰트 링크 보듯이 fa-2xs 에서 fa-2xl 사이즈는 정해 져있습니다. 이값이외는 먹히질않습니다. 참고하세요
| Relative Sizing Class | Font Size | Equivalent in Pixels |
|---|---|---|
fa-2xs |
0.625em | 10px |
fa-xs |
0.75em | 12px |
fa-sm |
0.875em | 14px |
fa-lg |
1.25em | 20px |
fa-xl |
1.5em | 24px |
fa-2xl |
2em | 32px |
또는
| Literal Sizing Class | Font Size |
|---|---|
fa-1x |
1em |
fa-2x |
2em |
fa-3x |
3em |
fa-4x |
4em |
fa-5x |
5em |
fa-6x |
6em |
fa-7x |
7em |
fa-8x |
8em |
fa-9x |
9em |
fa-10x |
10em |
일반 폰트와 똑같이 font-size 로 지정하시면 됩니다.
답변을 작성하시기 전에 로그인 해주세요.