본문 바로가기
  • 디자이너의 시선으로 소소한 이야기를 기록합니다.
디자인/디자인 자료

폰트 TTF와 OTF의 차이는?(윈도우용? 맥용?)

by W디자이너 2023. 4. 23.

OTF와 TTF 다운로드 버튼

웹사이트에서 폰트를 다운로드하려고 하는데, TTF(트루타입)와 OTF(오픈타입) 2개 버튼이 보입니다. 2개 파일 형식의 차이점을 모른다면 어떤 파일을 다운로드할지 당황하게 됩니다. 

 

 

그래서 지금부터 TTFOTF가 어떤 특징이 있고 무엇을 사용해야 하는지 소개해 드리겠습니다.

 

무료 폰트 사이트이미지로 폰트 종류 찾는 방법도 확인해 보세요.

2023.04.22 - [디자인/디자인 자료] - 상업적 무료 폰트 사이트 추천 TOP6

2022.10.26 - [디자인/디자인 자료] - 이미지로 폰트 찾기(한글/영문)

 

 

 

 

포스팅 썸네임 이미지 : TTF와 OTF의 차이는?

목차

     

     

     

    구분선

    TTF와 OTF의 차이는?

     

    폰트도 그래픽과 마찬가지로 비트맵(bitmap) 기반과 벡터(vector) 기반으로 구분할 수 있습니다. 비트맵은 픽셀(pixel) 방식으로 해상도에 따라 폰트가 깨질 수 있는 위험성이 있습니다. 반대로 벡터는 수학적 계산 방식으로 모든 해상도에 폰트가 깨지지 않습니다. 

     

    지금 소개하고 있는 TTFOTF는 모두 벡터 기반의 폰트입니다.

     

    TTF와 OTF 차이점

    2개의 폰트 포맷 형식은 각각의 곡선 구현 방식이 다르며, 곡선 구현 방식에 따라서 해상도별로 사용하는 폰트가 구분됩니다.

     

    - TTF(True Type Font) : 대중적으로 많이 사용하는 웹 작업이나 문서 작업용으로 적합합니다.

    - OTF(Open Type Font) : 모니터 화면과 실제 인쇄물이 똑같도록 만들기 위한 포맷 형식으로 전문가들의 고해상도 인쇄그래픽 디자인 작업용으로 적합합니다.

     

     

     

    구분선

    TTF는 윈도우용? OTF는 맥용?

    윈도우용 다운로드 버튼과 맥용 다운로드 버튼

    폰트를 다운로드할 때, 윈도우용과 맥용을 구분한 사이트들이 있습니다. 그러나 TTF와 OTF 모두 윈도우와 맥에서 사용할 수 있는 폰트입니다. 간혹 윈도우의 옛날 프로그램에서 OTF(오픈타입)의 일부가 오류를 발생시키고 맥 프로그램에서 TTF(트루타입)의 일부가 오류를 발생시켜서 편의를 위해 구분해 놓은 것뿐입니다. 

     

     

    윈도우용, 맥용은 신경 쓰지 마시고 본인의 사용할 목적에 맞게 다운로드해서 사용하시길 바랍니다.

     

     

     

    2023.04.15 - [디자인/디자인 자료] - 무료 아이콘 및 일러스트 다운로드 사이트 TOP7 추천

     

    무료 아이콘 및 일러스트 다운로드 사이트 TOP7 추천

    블로그, PPT 디자인 및 다양한 디자인 작업 시, 심플하고 플랫한 아이콘 이미지가 필요할 때가 있습니다. 직접 아이콘을 제작해도 되지만 이미 잘 만들어진 아이콘을 그대로 사용하거나 조금 수

    wdesigner.tistory.com

     

    2022.10.10 - [팁/아이폰, 아이패드] - 아이폰 사진을 Windows PC로 쉽게 옮기는 방법

     

    아이폰 사진을 Windows PC로 쉽게 옮기는 방법

    아이폰에 있는 사진을 윈도우 PC로 옮겨서 보관할 경우가 있습니다. 아이클라우드를 사용해서 옮기는 방법도 있지만 아이클라우드의 높은 용량을 사용하려면 비용이 드는 단점이 있습니다. 그

    wdesigner.tistory.com

     

    2022.07.21 - [디자인/포토샵(Photoshop)] - [포토샵] 폰트가 계단 형태로 깨져 보이는 현상 해결 방법

     

    [포토샵] 폰트가 계단 형태로 깨져 보이는 현상 해결 방법

    포토샵으로 작업하다보면 평소와 다르게 텍스트가 계단 형태로 지글지글하게 보일 때가 있습니다. 그건 오류가 아니라 텍스트의 안티 앨리어싱(Anti Aliasing) 설정이 'None'으로 설정되었기 때문입

    wdesigner.tistory.com

     

    2021.02.26 - [디자인/포토샵(Photoshop)] - 포토샵 패스파인더 사용하는 법

     

    포토샵 패스파인더 사용하는 법

    일러스트의 패스파인더는 사용하기 쉬운데, 포토샵의 패스파인더는 어떻게 사용하는지 모르시는 분들이 많이 있더라고요. 그래서 오늘은 포토샵에서 패스파인더를 사용하는 방법을 알려드릴

    wdesigner.tistory.com

     

    반응형