Windows, Mac 및 Linux에 Google Roboto 글꼴을 설치하는 방법

Roboto 글꼴은 Google에서 만든 산세리프 스타일 서체입니다. 이 글꼴은 안드로이드 폰 과 같은 고해상도 화면에서 우아함과 좋은 가시성을 장점으로 안드로이드 4.0(아이스크림 샌드위치) 출시 초기부터 등장했다 .

Roboto에는 다양한 서체(일반, 굵게, 기울임꼴, 기울임꼴, 굵게 포함)가 있으며 주로 시스템 앱과 모든 Google 앱 에서 사용됩니다 .

이러한 글꼴 애호가에게는 Google 개발자가 Roboto 글꼴을 무료로 출시했으며 제한 없이 사용할 수 있다는 좋은 소식이 있습니다(Apache 소프트웨어 라이선스에 따라). 이제 Windows , MAC , Linux 또는 웹사이트 에서도 사용할 수 있습니다 .

다음은 위의 모든 운영 체제 플랫폼에 Google Roboto 글꼴을 설치하는 방법입니다.

구글 로보토 다운로드

어떤 운영 체제를 사용하든 가장 먼저이자 가장 중요한 것은 Google Roboto 글꼴 세트를 기기에 다운로드하는 것입니다.

Roboto 글꼴 사이트를 방문하여 글꼴(압축파일)을 다운로드 받으세요. "이 글꼴 선택"을 클릭한 다음 화면 하단에서 "1 제품군 선택"이라고 표시된 어두운 탭을 클릭해야 합니다.

새로 열린 탭에서 "다운로드" 아이콘을 클릭하여 Roboto 글꼴을 다운로드하세요. 그러면 글꼴 세트가 zip 파일로 다운로드됩니다.

방금 다운로드한 zip 파일을 임의의 폴더에 추출합니다. 해당 폴더를 열면 안에 모든 Roboto 글꼴이 표시됩니다.

Windows 10에 Roboto 글꼴 설치

Roboto 글꼴 폴더를 엽니다. 모든 글꼴을 선택한 다음 마우스 오른쪽 버튼을 클릭하고 "설치"를 선택합니다.

이 시점에서 글꼴은 몇 분 후에 시스템에 자동으로 설치됩니다. 이제 장치의 응용 프로그램에서 Roboto 글꼴을 사용할 수 있습니다.

Linux에 Roboto 글꼴 설치

홈 폴더를 연 다음 숨겨진 파일/폴더를 활성화합니다. ".fonts" 폴더를 찾으세요. 폴더가 없으면 확장자가 “.fonts”인 새 폴더를 만듭니다. 다음으로, Roboto 글꼴이 포함된 폴더를 방금 생성한 ".fonts" 폴더로 이동합니다.

그런 다음 LibreOffice, GIMP, Photoshop 또는 사용 중인 모든 응용 프로그램을 다시 시작하세요. 선택할 수 있는 Roboto 글꼴이 나타나는 것을 볼 수 있습니다.

MAC에 Roboto 글꼴 설치

MAC의 경우 방법은 Windows의 방법과 유사합니다. 먼저 글꼴을 추출하고 두 번 클릭하여 설치하면 Roboto가 글꼴 책에 나타납니다. 당신의. 또한 글꼴 책으로 끌어다 놓을 수도 있습니다.

웹사이트용 Roboto 글꼴 설치

웹사이트에서 Roboto 글꼴을 사용하려면 CSS3 “@font-face” 구문을 사용할 수 있습니다 . 웹사이트에 외부 글꼴을 삽입하는 방법입니다.

FontSquirrel Roboto 글꼴 페이지 로 이동하여 "Webfont Kit"를 클릭한 다음 원하는 글꼴 형식을 선택하고 "@Font-Face Kit 다운로드"를 클릭하세요.

다운로드한 파일을 웹사이트의 글꼴 폴더에 압축을 풉니다. 그런 다음 웹사이트에서 스타일시트를 열고 다음 코드를 추가하세요.

@font-face { 글꼴 계열 : '로봇'; src: url('Roboto-Regular-webfont.eot'); src: url('Roboto-Regular-webfont.eot?#iefix') 형식('embedded-opentype'), url('Roboto-Regular-webfont.woff') 형식('woff'), url('Roboto- Regular-webfont.ttf') format('truetype'), url('Roboto-Regular-webfont.svg#RobotoRegular') format('svg'); 글꼴 두께 : 보통; 글꼴 스타일 : 일반; } @font-face { 글꼴 계열 : '로봇'; src: url('Roboto-Italic-webfont.eot'); src: url('Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Italic-webfont.woff') format('woff'), url('Roboto- Italic-webfont.ttf') format('truetype'), url('Roboto-Italic-webfont.svg#RobotoItalic') format('svg'); 글꼴 두께 : 보통; 글꼴 스타일 : 기울임체; } @font-face { 글꼴 계열 : '로봇'; src: url('Roboto-Bold-webfont.eot'); src: url('Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Bold-webfont.woff') format('woff'), url('Roboto- Bold-webfont.ttf') format('truetype'), url('Roboto-Bold-webfont.svg#RobotoBold') format('svg'); 글꼴 두께 : 굵게; 글꼴 스타일 : 일반; } @font-face { 글꼴 계열 : '로봇'; src: url('Roboto-BoldItalic-webfont.eot'); src: url('Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-BoldItalic-webfont.woff') format('woff'), url('Roboto- BoldItalic-webfont.ttf') 형식('truetype'), url('Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') 형식('svg'); 글꼴 두께 : 굵게; 글꼴 스타일 : 기울임체; } @font-face { 글꼴 계열 : '로봇'; src: url('Roboto-Thin-webfont.eot'); src: url('Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Thin-webfont.woff') format('woff'), url('Roboto- Thin-webfont.ttf') format('truetype'), url('Roboto-Thin-webfont.svg#RobotoThin') format('svg'); 글꼴 두께 : 200; 글꼴 스타일 : 일반; } @font-face { 글꼴 계열 : '로봇'; src: url('Roboto-ThinItalic-webfont.eot'); src: url('Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-ThinItalic-webfont.woff') 형식('woff'), url('Roboto- ThinItalic-webfont.ttf') format('truetype'), url('Roboto-ThinItalic-webfont.svg#RobotoThinItalic') 형식('svg'); (Apache 소프트웨어 라이센스에 따라). 글꼴 두께 : 200; 글꼴 스타일 : 기울임체; } @font-face { 글꼴 계열: '로봇'; src: url('Roboto-Light-webfont.eot'); src: url('Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Light-webfont.woff') format('woff'), url('Roboto- Light-webfont.ttf') format('truetype'), url('Roboto-Light-webfont.svg#RobotoLight') format('svg'); 글꼴 두께 : 100; 글꼴 스타일 : 일반; } @font-face { 글꼴 계열 : '로봇'; src: url('Roboto-LightItalic-webfont.eot'); src: url('Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-LightItalic-webfont.woff') format('woff'), url('Roboto- LightItalic-webfont.ttf') format('truetype'), url('Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg'); 글꼴 두께 : 100; 글꼴 스타일 : 기울임체; } @font-face { 글꼴 계열 : '로봇'; src: url('Roboto-Medium-webfont.eot'); src: url('Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Medium-webfont.woff') 형식('woff'), url('Roboto- Medium-webfont.ttf') format('truetype'), url('Roboto-Medium-webfont.svg#RobotoMedium') format('svg'); 글꼴 두께 : 300; 글꼴 스타일 : 일반; } @font-face { 글꼴 계열 : '로봇'; src: url('Roboto-MediumItalic-webfont.eot'); src: url('Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-MediumItalic-webfont.woff') format('woff'), url('Roboto- MediumItalic-webfont.ttf') 형식('truetype'), url('Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') 형식('svg'); 글꼴 두께 : 300; 글꼴 스타일 : 기울임체;

"src"를 글꼴 폴더 경로로 변경했는지 확인하세요.

다음으로 다음 구문을 사용하여 웹 사이트에 Roboto 글꼴을 표시합니다.

글꼴 계열 :"로봇";

마음에 드는 글꼴을 설치하시길 바랍니다.

더보기:

• 이 웹사이트는 컴퓨터에 설치된 모든 글꼴을 관리하는 데 도움이 됩니다.
• 무료 글꼴을 찾고 다운로드할 수 있는 5가지 웹사이트
• 베트남어를 지원하는 Google의 거대한 무료 글꼴 세트를 다운로드하는 방법에 대한 지침
• 애플리케이션이나 웹사이트에서 사용되는 글꼴을 "인식"하는 8가지 도구