🧑‍💻개발/HTML·CSS

[CSS]폰트 파일을 웹 폰트로 쉽게 변환시키기

무택 2024. 2. 25.

 

안녕하세요 무택입니다 :)

오늘은 일반 폰트를 웹폰트로 변환시킬 수 있는 방법에 대해 알아보려고 합니다. 웹개발 작업에서 웹폰트를 사용하는 것은 아주 중요한 일입니다. 왜일까요? 

 

아래에서 자세한 내용을 만나보세요😊


같이 보면 좋은 포스팅

[디자인 팁]디자이너가 추천하는 핫한 타이틀 폰트 + 안좋은 예

 

[디자인 팁]디자이너가 추천하는 핫한 타이틀 폰트 + 안좋은 예

안녕하세요 무택입니다 :) 오늘은 디자이너로써, 타이틀에 사용하면 좋을 폰트를 들고 왔습니다. 요즘은 간단한 디자인은 디자이너가 아니더라도 많은 분들이 직접 하시기 때문에 실무로 디자

mu08.tistory.com

 

 

 

웹 폰트 사용 이유

몇몇 분들은 '일반 폰트가 있는데, 왜 웹폰트를 사용해야하지?' 라고 생각할 수도 있습니다. 하지만 웹 환경은 컴퓨터마다 다른 상황, 인터넷 속도 차이, 브라우저 종류 등 변수가 많습니다. 그렇기 때문에 웹 환경에 최적화된 폰트를 사용해야 사용자들의 편의성을 고려할 수 있습니다.

 

 

웹 폰트로 변환하기

  1. 우선 웹폰트로 변환하기 위해서는 OTF나 TTF파일이 필요합니다. 웹폰트로 변환시키고 싶은 예쁜 폰트의 파일을 준비해 주세요.
    (아! 그리고 폰트의 라이센스를 체크하는 것도 아주 중요합니다. 상단의 포스팅 내용을 참고해서 라이센스를 체크해 주세요)
  2. 웹폰트 변환 사이트에 방문해서 변환 작업을 해줍니다.

웹폰트 변경 이미지

 

 

위 이미지대로만 따라해주시면 쉽게 웹폰트로 변환할 수 있습니다. 도움이 되었다면 아래의 하트를 눌러주세요😊