어떻게 로컬 글꼴을 나의 사이트에 추가합니까?

554 단어 htmlcss
때때로 고객은 그가 인터넷에서 찾거나 구매한 글꼴을 추가해 달라고 요구할 수도 있다.지금 너는 반드시 사이트에서 이것을 사용해야 한다.
나 같은 사람들은 구글 글씨체나 컴퓨터의 기본 글씨체를 사용하는 데 익숙해져서 곤란해 보일 수도 있다.하지만 사실은 그렇지 않다.
그렇다면, 우리는 어떻게 이 점을 해낼 수 있을까?CSS@font-face 규칙을 사용합니다.
우선 글꼴 파일을 다운로드해서 프로젝트 폴더에 넣어야 합니다.가장 지원되는 글꼴 파일은 -TTF/OTF, WOFF 및 WOFF2입니다.
지금 당신이 해야 할 일은 그것을 CSS에 추가하고 이름을 짓는 것입니다.이 이름이 바로 네가 사용할 글씨체다.
예를 들어,
@font-face {
  font-family: myFirstFont; /*The name you choose goes here*/
  src: url(sansation_light.woff);
}
읽어주셔서 감사합니다.

좋은 웹페이지 즐겨찾기