WordPress에 멋진 글꼴을 만드는 기술?
게시 됨: 2021-11-08
이 기사는 WordPress에 글꼴을 적용하는 다양한 방법을 이해하는 데 도움이 됩니다.
또한 코드를 사용하는 것이 불편할 때 사용할 수 있는 쉽게 구할 수 있는 다양한 플러그인에 대해 논의할 것입니다.
다음은 WordPress에서 멋진 글꼴을 사용하고 WordPress에서 타이포그래피를 사용하는 몇 가지 방법과 트릭입니다.
WordPress 웹 사이트에 멋진 글꼴을 추가하려는 경우 이러한 기술이 도움이 될 것입니다.
WordPress의 사용자 정의 글꼴/팬시 글꼴은 무엇입니까?
사용자 정의 글꼴은 웹사이트에 새로운 스타일 글꼴을 추가하여 클라이언트로부터 더 많은 관심을 끌 수 있는 독특한 방법입니다. WordPress 테마는 사용자 정의 기반이므로 사용자는 선택과 수요에 따라 새로운 글꼴이 필요합니다.
따라서 많은 타이포그래피 글꼴이 발생했습니다. 많은 WordPress 테마는 이미 설치된 글꼴을 제공합니다.
글꼴 헤더를 사용하면 본문 섹션, 부제목, 탐색 및 기타 디자인 섹션과 요소를 사용자 정의할 수 있습니다. 머리글 바닥글이나 웹 사이트의 모든 섹션에서 글꼴을 사용자 지정할 수 있습니다.
웹사이트에 다양한 글꼴을 삽입하는 데 사용되는 다양한 플러그인이 있습니다. 글꼴 플러그인을 사용하여 원하는 글꼴 유형을 추가할 수 있습니다. WordPress 웹사이트에서 글꼴 플러그인을 활성화하면 웹사이트의 모든 섹션에 대해 글꼴 크기, 유형 및 스타일을 조정할 수 있습니다.
다양한 글꼴 플러그인이 아래에 나열되어 있습니다.
1. 글꼴:
2. 모든 글꼴 사용:
3. 쉬운 구글 폰트:
4. WP Google 글꼴:
5. 더 나은 글꼴 굉장:
6. MW 글꼴 체인저:
7. WordPress용 Google 글꼴:
8. 사용자 정의 글꼴:
9. 멋진 글꼴:
10. WordPress용 일본어 글꼴:
11. 스타일 가이드 – 사용자 정의 글꼴 및 색상:
12. Zeno 글꼴 크기 조정:
13. WP 글꼴 굉장 :
14. WordPress용 Typekit 글꼴:
15. WP SVG 아이콘:
16. 아랍어 웹폰트:
17. WordPress용 프리미엄 사용자 정의 글꼴 플러그인:
18. WP 아이오닉 아이콘 :
19. FontPress – 워드프레스 글꼴 관리자:
20. 글꼴 업로더:
21. 스타일러 – WP용 아이콘, 글꼴 및 CSS 생성기:
22. iOS7 스타일 글꼴 아이콘:
23. 우커머스 미화:
WordPress 웹 사이트에 새로운 멋진 글꼴을 추가하기 위해 그 중 하나를 선택할 수 있습니다. 한 곳에서 더 많은 것을 엉망으로 만들지 마십시오. 읽는 것이 다를 것입니다.
사용자가 콘텐츠를 쉽게 읽을 수 있어야 하므로 일부 항목을 강조 표시하는 멋진 글꼴을 추가할 수 있습니다. 그렇지 않으면 그것은 당신의 선택입니다.
WordPress에 사용자 정의 글꼴을 추가하는 다양한 방법
방법 1: Google 글꼴 플러그인을 사용하여 글꼴 추가:
WordPress 웹 사이트에서 Google 글꼴을 사용하려는 경우 이 방법이 초보자에게 가장 좋은 방법입니다. 그것은 또한 매우 사용하기 쉽습니다.
방법 2: WordPress에 멋진 글꼴을 수동으로 추가:
WordPress 사이트에 수동으로 글꼴을 추가하려면 WordPress 사이트에서 코드를 복사하여 붙여넣기만 하면 됩니다.
방법 3: Typekit 사용:
Typekit은 디자인 프로젝트에서 이러한 유형의 글꼴을 사용할 수 있는 멋진 글꼴을 위한 또 다른 무료 플러그인입니다. 그들은 당신이 사용할 수 있는 제한된 무료 구독 계획으로 지불됩니다.
방법 4: CSS3 @font-face 사용:
워드프레스 웹사이트에서 사용자 정의 글꼴을 추가하는 직접적인 방법은 CSS3 @font-face를 사용하는 것입니다.
CSS3의 도움으로 원하는 모든 유형의 멋진 글꼴을 추가할 수 있습니다.
시장에는 WordPress 웹 사이트에 사용할 수 있는 무료 글꼴이 많이 있습니다. 다른 사람들보다 새롭고 독특한 디자인을 만들 수 있습니다.
1. SIFR :
확장 가능한 Inman Flash 교체는 sIFR이 자바스크립트와 Flash의 조합을 사용하여 웹사이트에 사용자 정의 글꼴을 표시하는 것으로 알려져 있습니다.
이 기술은 브라우저, 스마트폰 및 태블릿이 Flash 대신 javacript 및 jquery를 사용하기 시작할 때까지 널리 사용되었으며 그 이후 개발자에 의해 중단되었습니다.
sIFR은 또한 모든 글꼴에 대해 .swf를 생성하는 sIFR 생성기 웹사이트를 사용하여 쉽게 생성할 수 있습니다.
다음은 하나의 플러그인입니다. http://WordPress.org/plugins/wp-sifr/
우리가 제안하는 이 기술은 최근에 중복되었으므로 웹사이트에서 플래시를 사용하지 않으려는 경우가 아니면 사용을 피해야 합니다.
2. 쿠폰 :
Cufon은 cufon 생성기를 사용합니다. http://cufon.shoqolate.com/generate/ 즉 SVG 및 VML 기술을 사용하여 모든 글꼴에 대한 자바스크립트를 렌더링하고 생성합니다. cufon 생성 도구를 사용하면 굵게, 옅게, 기울임꼴 및 기타 모든 글꼴 유형을 하나의 자바스크립트에 포함할 수 있습니다.
그런 다음 cufon 글꼴을 사용하려면 WordPress 테마의 머리글이나 바닥글에서 자바스크립트를 사용해야 합니다.
이것이 다소 지루하게 들리면 다음 플러그인이 cufon 글꼴을 사용하는 데 유용할 수 있습니다.
WP-쿠폰
올인원 쿠폰
장점: cufon의 장점은 글꼴을 이미지로 렌더링하기 때문에 휴대폰을 포함한 모든 브라우저에서 동일하게 표시된다는 것입니다.
단점: 자바스크립트가 필요합니다. 따라서 누군가 브라우저에서 스크립트를 비활성화하면 cufon 글꼴이 표시되지 않습니다.
또 다른 가장 큰 단점은 라이센스 사용 문제입니다. 어떤 사람들은 웹사이트에서 일부 글꼴을 사용하는 경향이 있으며 나중에 글꼴 제작자가 웹사이트에서 글꼴을 제거하거나 비용을 지불하기 위해 연락합니다.
3. CSS 기술:
CSS 기술이 아마도 가장 좋은 방법일 것입니다. 그러나 CSS 기술의 유일한 문제는 글꼴 파일(예: ttf 또는 otf 글꼴 파일)을 머리글이나 바닥글에 포함해야 한다는 것입니다.
따라서 글꼴이 사용되지 않을 때도 헤더에 로드됩니다. 일부 글꼴에는 굵게, 기울임꼴, 더 밝게, 더 굵게 및 기타 스타일과 같은 모든 스타일이 있습니다. 따라서 글꼴이 부피가 커집니다. 따라서 귀하의 웹 사이트에 포함시키는 것은 귀하의 사이트를 더 무겁게 만드는 것을 의미합니다.
다음은 글꼴, 글꼴 다람쥐 또는 dafont 또는 기타 글꼴 웹사이트의 글꼴을 CSS에 포함하는 방법을 보여줍니다.
@글꼴얼굴{
글꼴 패밀리: 'MyWebFont';
src: url('WebFont.eot');
src: url('WebFont.eot?iefix') 형식('eot'),
url('WebFont.woff') 형식('woff'),
url('WebFont.ttf') 형식('truetype'),
url('WebFont.svg#webfont') 형식('svg');
}
위의 기술은 CSS에 글꼴을 포함하는 것을 보여줍니다. style.css 위에 이것을 작성해야 합니다.
그러나 이 방법은 특히 영어 글꼴을 사용할 수 없고 언어 글꼴이 있어야 하는 언어 글꼴에 주로 사용됩니다. CSS 기술이나 CSS에 글꼴을 포함하는 글꼴 기술이 여전히 사용 중입니다.
4. 구글 폰트
아마도 더 멋진 글꼴을 웹사이트에 사용할 수 있는 가장 좋은 방법일 것입니다. 이것은 632개의 글꼴로 구성된 라이브러리이며 여전히 증가하고 있습니다.
Google 글꼴을 포함하는 것은 정말 쉽고 가져오기 방법이나 링크 방법 또는 자바스크립트 방법을 사용하여 수행할 수 있습니다. 따라서 가장 적합한 글꼴과 스타일을 사용할 수 있습니다.
장점: 정말 쉽고 간단하며 Google 서버에서 글꼴을 로드하므로 가볍습니다.
단점: 글꼴을 로드해야 하며 더 많은 스타일을 가진 더 무거운 글꼴은 페이지 속도를 감소시킬 수 있습니다. 또한 다른 언어를 사용하는 웹사이트의 경우 키릴 자모, 그리스어, 크메르어, 베트남어 및 라틴 언어/스크립트만 사용할 수 있으므로 Google 글꼴을 사용할 수 없습니다.
따라서 다른 언어는 여전히 CSS 기술을 사용하여 웹 사이트의 글꼴을 포함하고 가져와야 할 수 있습니다.
플러그인을 사용하여 Google 글꼴을 사용하고 싶은 경우는 다음과 같습니다.
WP Google 글꼴
구글 타이포그래피