Google 글꼴 효과를 사용한 9가지 멋진 멋진 텍스트 효과👌

더 장식적인 방식으로 머리글이나 텍스트의 스타일을 지정하고 싶습니까? 그렇다면 당신은 바로 이곳에 있습니다. 우리 모두는 일상적인 프로젝트에서 Google 글꼴을 사용하지만 Google 글꼴이 그 이상이라는 것을 알고 계셨습니까? Google 글꼴은 덜 인기 있는 글꼴 효과 기능을 제공하며 프로젝트를 위한 멋진 텍스트를 생성하는 데 도움이 될 수 있습니다.



당신은 흥분한 갱입니까?

이 기능을 사용하는 방법?

  • 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에서 기능에 대해 자세히 읽어보십시오.

    읽어 주셔서 감사합니다!

    좋은 웹페이지 즐겨찾기