비디오: 구글 웹폰트 사용법 내 블로그,홈페이지의 폰트를 쉽게 변경해보자 2024
한 번에 라이브 텍스트는 웹 안전 글꼴로 제한됩니다. 다행스럽게도 폰트 삽입 기술 덕분에 폰트를 블로그의 웹 페이지에 임베드 할 수있어 폰트와 관련하여 더욱 흥미로운 선택을 할 수있게되었습니다. 포함 된 글꼴을 사용하면 방문자가 웹에서 안전하지 않더라도 디자인에 선택한 글꼴을 볼 수 있습니다.
그렇다면 잡는 것은 무엇입니까? 포함 된 글꼴은 방문자의 브라우저에서 블로그 다운로드 속도를 늦출 수 있습니다. 또한 임베디드 글꼴이 작동하려면 방문자의 웹 브라우저가 글꼴 포함 기능을 지원해야합니다.
글꼴의 경우 브라우저는 CSS (Cascading Style Sheet)에 나열된 글꼴 이름으로 표시 할 글꼴을 알고 있습니다. 웹용 글꼴을 사용하면 브라우저는 컴퓨터의 운영 체제에서 글꼴 정보를 가져 와서 글꼴을 올바르게 표시합니다.
포함 된 글꼴에서는 브라우저가 글꼴을 올바르게 표시합니다. 해당 웹 사이트의 CSS는 브라우저가 웹 사이트 방문자의 컴퓨터에 글꼴이 없기 때문에 브라우저가 표시해야하는 글꼴 파일을 찾을 수있는 위치를 정의하기 때문입니다.
Adobe Typekit 및 Google Web Fonts와 같은 서비스가 사용자를 대신하여 글꼴을 호스팅합니다. 다른 사용자가 귀하의 블로그를 방문하면 CSS는 컴퓨터 이외의 다른 위치에서 글꼴 파일을 가져 와서 내장 글꼴을 표시하는 것을 알고 있습니다.
이러한 서비스 중 하나와 함께 포함 된 글꼴을 사용하려면 블로그에 글꼴을 표시하는 데 필요한 코드를 제공해야합니다. 좋은! 거기에서 제공하는 코드를 블로그의 HTML 문서에 추가 할 수 있어야합니다. 일반적으로 header라는 파일에 있습니다. WordPress에서 PHP를 사용하거나 Blogger에서 템플릿 파일을 편집하십시오.
->또한 현재 글꼴에서 포함 할 글꼴의 이름을 변경하려면 CSS를 변경할 수 있어야합니다.
포함 된 글꼴을 사용하는보다 고급 방법은 CSS에서 @ font-face 속성을 사용하는 것입니다. 이렇게하려면 수동으로 코드를 작성하거나 @ font-face 속성을 사용하는 데 필요한 코드와 파일을 생성하는 데 도움이되는 FontSquirrel과 같은 서비스를 사용하는 코딩에 익숙해야합니다. 글꼴 파일은 자신의 서버에서 또는 FontSquirrel과 같은 글꼴 서비스로 호스팅 할 수 있습니다.