Google 글꼴 효과를 사용한 9가지 멋진 멋진 텍스트 효과👌
1763 단어 javascriptcssproductivitywebdev
당신은 흥분한 갱입니까?
이 기능을 사용하는 방법?
Google Fonts API 요청에 effect=를 추가하고 적용하려는 HTML 요소에 해당 클래스 이름을 추가하기만 하면 됩니다. 위의 예에서는 그림자 다중 글꼴 효과를 사용했으므로 요청은 다음과 같습니다.
https://fonts.googleapis.com/css?family=Rancho&effect=shadow-multiple
효과를 사용하려면 해당 클래스 이름을 HTML 요소에 추가하십시오. 해당 클래스 이름은 항상 font-effect- 접두사가 붙은 효과 이름이므로 shadow-multiple의 클래스 이름은 font-effect-shadow-multiple이 됩니다.
<div class="font-effect-shadow-multiple">This is a font effect!<div>
효과 이름을 파이프 문자(|)로 구분하여 여러 효과를 요청할 수 있습니다.
https://fonts.googleapis.com/css?family=Rancho&effect=shadow-multiple|3d-float
👇다음은 API가 제공하는 일부 효과 목록입니다.
참고:- Google 글꼴 API는 25개 이상의 효과를 제공하지만 일부 글꼴 효과(예: 3d)는 특히 잘 확장되지 않으며 더 큰 글꼴 크기와 함께 사용할 때 가장 잘 보이는 경향이 있습니다. 문서here에서 기능에 대해 자세히 읽어보십시오.
읽어 주셔서 감사합니다!
Reference
이 문제에 관하여(Google 글꼴 효과를 사용한 9가지 멋진 멋진 텍스트 효과👌), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/gulshanaggarwal/9-beautiful-cool-text-effects-using-google-font-effects-mn6텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)