빠른 정보

아스트라 테마 Font Swap 적용하는 간단한 방법

작성자
greenblog
작성일
2020-06-19 07:38
조회
252
PageSpeed insight 측정을 하게 되면 Font Swap 사용하라는 경고를 볼 수 있습니다. 다양한 테마에서 해당 방법을 설정하는 방법이 있지만 그 중에서 아스트라 테마는 Functions.php 코드를 추가하게 되면 간단하게 문제를 해결할 수 있습니다.

font swap

관리자에서 테마 디자인 > 테마 편집기로 가신 후에 Functions.php 클릭 후 제일 하단에 위에 보이는 것처럼 코드를 추가해주시면 됩니다.

add_filter( 'astra_fonts_display_property', 'astra_replace_fallback_with_swap' );
function astra_replace_fallback_with_swap( $property ) {
$property = 'swap';
return $property;
}

추가할 코드의 내용은 바로 위에 있는 것으로 이것을 복사해서 추가해주시면 Font Swap 경고 문구가 사라지게 될 것입니다. 하지만 이것은 테마에 사용되는 폰트에 적용되는 것으로 애드센스 광고에 들어가 있는 폰트는 해결해주지 못합니다.

만약에 다른 테마를 사용하는 경우에는 플러그인을 사용하거나 @Font-Face 부분을 찾아서 사용하는 폰트에 font-display: swap; 문구를 추가해주시면 해결이 됩니다.
전체 21
번호 제목 작성자 작성일 추천 조회
21
New 익스플로러 멈추는 현상 해결 방법
greenblog | 2020.07.12 | 추천 0 | 조회 12
greenblog 2020.07.12 0 12
20
New 익스플로러 소리가 나지 않을 때 해결법
greenblog | 2020.07.12 | 추천 0 | 조회 10
greenblog 2020.07.12 0 10
19
내 IP 주소 확인하는 3가지 간단한 방법
greenblog | 2020.07.05 | 추천 0 | 조회 53
greenblog 2020.07.05 0 53
18
유튜브 건너 뛰기 랙 걸리는 현상 해결 방법
greenblog | 2020.07.01 | 추천 0 | 조회 62
greenblog 2020.07.01 0 62
17
유튜브 usename, 사용자 ID 알아보는 방법
greenblog | 2020.07.01 | 추천 0 | 조회 61
greenblog 2020.07.01 0 61
16
컴퓨터 메모리 최적화 할 수 있는 무료 프로그램
greenblog | 2020.07.01 | 추천 0 | 조회 56
greenblog 2020.07.01 0 56
15
윈도우 블루라이트 제거해서 눈의 피로 줄이기
greenblog | 2020.06.30 | 추천 0 | 조회 51
greenblog 2020.06.30 0 51
14
윈도우10 컴퓨터 이름을 변경하는 방법
greenblog | 2020.06.30 | 추천 0 | 조회 52
greenblog 2020.06.30 0 52
13
에프터 이펙트 MOV 파일 불러올 때 오류 발생 해결 방법
greenblog | 2020.06.29 | 추천 0 | 조회 70
greenblog 2020.06.29 0 70
12
트위터 위젯 사이트나 블로그에 추가하는 방법
greenblog | 2020.06.28 | 추천 0 | 조회 70
greenblog 2020.06.28 0 70
11
윈도우 탐색기 최근에 사용한 파일 삭제 방법
greenblog | 2020.06.28 | 추천 0 | 조회 67
greenblog 2020.06.28 0 67
10
유튜브 구독 버튼 사이트에 추가하는 방법
greenblog | 2020.06.24 | 추천 0 | 조회 92
greenblog 2020.06.24 0 92
9
유튜브 채널 추가 - 다수 채널 운영하는 방법
greenblog | 2020.06.24 | 추천 0 | 조회 86
greenblog 2020.06.24 0 86
8
인스타그램 댓글 키워드 차단 설정하는 방법
greenblog | 2020.06.24 | 추천 0 | 조회 83
greenblog 2020.06.24 0 83
7
한글이 쳐지지 않을 때 대처하는 방법
greenblog | 2020.06.24 | 추천 0 | 조회 102
greenblog 2020.06.24 0 102