테마를 하나 구입했는데 거기서는 font-awesome 을 사용하지 않고 있습니다.
그런데 보니까 그누보드 자체에 fonawesome이 있어서 그걸 사용하려고 합니다.
테마의 head.sub.php에도
Copy
add_stylesheet('<link rel="stylesheet" href="'.G5_JS_URL.'/font-awesome/css/font-awesome.min.css">', 0);가 있어서 아 그냥 써도 되겠구나 했는데
그냥 <i class="fa fa-clock-o"></i> 이런식으로 썼는데 안되네요
어떻게 해야 font-awesome을 사용할수 있을까요?
|
답변 4개
채택된 답변
+20 포인트
2일 전
버전별로 클래스명이 다릅니다.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
<i class="fa fa-clock-o"></i> 4버전
https://fontawesome.com/v4/icons/
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css">
<i class="fab fa-500px"></i> 5버전
https://fontawesome.com/v5/search
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css">
<i class="fa-solid fa-align-right"></i> 6버전
https://fontawesome.com/v6/search
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
<i class="fa fa-clock-o"></i> 4버전
https://fontawesome.com/v4/icons/
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css">
<i class="fab fa-500px"></i> 5버전
https://fontawesome.com/v5/search
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css">
<i class="fa-solid fa-align-right"></i> 6버전
https://fontawesome.com/v6/search
2일 전
add_stylesheet('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css">', 0);
적용 후 사용하시는 아이콘이 무료버전인지 확인해보세요.
2일 전
그누보드에 기본 포함된 Font Awesome은 구버전입니다. 그래서 fa fa-clock-o 같은 문법은 FA4에서는 정상적으로 동작해야 하지만, 최신 아이콘이나 새로운 클래스(fas fa-clock 등)는 지원되지 않습니다.
하여 공식사이트 Font Awesome 에서 다운로드하여 업로드 해주시거나
아니면
신비님 말씀처럼 , 최신cnd 경로를 처리 해주시면됩니다.
단주의할점은 구번 어썸폰트 와 최신어썸폰트 지원되지않거나 다른 폰트아이콘 형식으로 관계로 인해서 깨질수도있으니 한가지형식으로만 수정하여 사용하시 기바랍니다.
하여 공식사이트 Font Awesome 에서 다운로드하여 업로드 해주시거나
아니면
신비님 말씀처럼 , 최신cnd 경로를 처리 해주시면됩니다.
단주의할점은 구번 어썸폰트 와 최신어썸폰트 지원되지않거나 다른 폰트아이콘 형식으로 관계로 인해서 깨질수도있으니 한가지형식으로만 수정하여 사용하시 기바랍니다.
sinbi
테마 내 head.sub.php 파일에 아래 코드 넣어보세요.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
답변을 작성하려면 로그인이 필요합니다.