'css 특수외국어 폰트적용하기'에 해당되는 글 1건

CSS에서 특수외국어 폰트 적용하기 
[웹프로그래밍 ]CSS따라잡기 -특수외국어 font 적용하기 스리랑카어(싱할라어)
 
오늘은 css에서특수외국어  font를 적용하는 법을 알아보겠습니다.
텍스트의 글꼴 모음은 font-family속성 으로 설정됩니다 .
이 font-family속성은 "대체 시스템"으로 여러 글꼴 이름을 포함해야합니다. 브라우저가 첫 번째 글꼴을 지원하지 않으면 다음 글꼴을 시도합니다.
다른 글꼴을 사용할 수없는 경우 브라우저에서 일반 글꼴로 비슷한 글꼴을 선택하도록 원하는 글꼴로 시작하고 일반 글꼴로 끝냅니다.
참고 : 글꼴 패밀리의 이름이 두 단어 이상인 경우 "Times New Roman"과 같이 따옴표로 묶어야합니다.
하나 이상의 글꼴 군이 쉼표로 구분 된 목록에 지정됩니다.
글자의 크기는 고정형 px 단위 / 상대정 em 상재적사이즈 있습니다.
Em로 글꼴 크기 설정
사용자가 브라우저 메뉴에서 텍스트의 크기를 조정할 수 있도록 많은 개발자가 픽셀 대신에 엠을 사용합니다.
em 크기 단위는 W3C에서 권장합니다.
1em은 현재 글꼴 크기와 같습니다. 브라우저의 기본 텍스트 크기는 16 픽셀입니다. 따라서 1em의 기본 크기는 16px입니다.
크기는 다음 수식을 사용하여 픽셀에서 em까지 계산할 수 있습니다. pixels  / 16 = em이다 
  

1. 사용자의 컴퓨터에 폰트가 없을 때 어떻게 디자이너가 사용한 폰트를 보여 줄 수 있는가
 
첫 번째 방법
디자이너가 홈페이지을 만들때 사용한 폰트가 사용자 컴퓨터에 없는 경우
자동으로 web font를 다운받아 볼수 있게 하는 것이다.
먼저 아래  구글접속해서 원하는 폰트를 찾아야한다
 
Google Fonts
https://fonts.google.com/
Browse and preview the collection, with customizable options and ready to use CSS.
위 주소를 클릭하면 여러가지 폰트가 나타는데  오늘 여기서는 폴리아카데미에 사용할 싱할라어(스리랑카어)폰트를 설치해 보려고 한다.
 

 
 화살표 부분에 Language 선택할 수 있다  드롭다운 메뉴를 선택하여 sinhala라고 나온 부분을 누르면

  화살표 부분을 누르면 html에 붙여 넣을 부분과 CSS에 붙여 넣을 부분이 나타난다 
  

특별히 CSS에 붙여 넣을 소스는
css 파일에서 링크하고 적용할 곳에 폰트를 추가해 주면된다.
 
font-family : ' Noto Sans Sinhala ', 산 세리프;
 
두번째 벙법은
아래 구글 주소에 접속한다  많은 외국어 폰트가 나타는데  사용하고자 하는 국가의 언어를 ctrl +F 를 이용하여 찾을 수 도 있다
https://fonts.google.com/earlyaccess
스랑랑카 언어인 싱할라(sinhala)를 검색하면 아래아 같은 창이 나타난다 
  

이렇게 검색을 하여 글자체를 다운로드 할 수도 있고
아래와 같이
 
 노토 샌스 신 할라 (신 할라)
컴퓨터가 텍스트를 렌더링 할 때 텍스트를 표시 할 수없는 문자가있을 수도 있습니다. 문자를 지원하는 글꼴이 없기 때문입니다. 이 경우 문자를 나타내는 작은 상자가 표시됩니다. 우리는 그 작은 상자를 "두부"라고 부르며 웹에서 두부를 제거하려고합니다. 이것이 노토 (Noto) 글꼴 군이 이름을 얻은 방법입니다.
노토는 모든 언어의 플랫폼에서 웹을 더욱 아름답게 만들어줍니다. 현재 Noto는 30 개가 넘는 스크립트를 다루고 있으며 향후 Unicode 전체를 다룰 예정입니다. 이것은 Sans Sinhala 가족입니다. 그것은 규칙적이고 대담한 스타일을 가지고 있으며 암시됩니다.
Noto 글꼴은 높이와 스트로크 두께가 서로 다른 여러 언어에서 시각적으로 조화를 이루도록 고안되었습니다. 현재 출시 된 Noto 글꼴은 code.google.com/p/noto/를 참조하십시오 .
 

위 소스는 CSS파일에 head에 삽입하고   font-family는 적용하고자 하는 곳에 붙이 면된다 

직장을 다니면서 투잡(알바/부업)으로 월급 많큼 수익을 얻고 싶으시다면  

아래 접속하셔서 상담받아 보실 수 있습니다. (믿음의 재택부업회사)