웹 전단 학습 의 2 -CSS3@font- face 활용

1174 단어 웹 전단 학습
font - face: 원 하 는 글꼴 을 스스로 설정 할 수 있 습 니 다 (예: 글꼴 다운로드 주소:http://www.w3cplus.com/content/css3-font-face)
                   이상 의 주 소 는 @ font - face 의 매우 상세 한 해석 을 동시에 포함 하고 있 습 니 다.구경 하 러 갈 수 있 습 니 다.
 
저 는 그냥 프로필 이에 요.
@font-face{
    font-family:"myFirstFont";
    src:url('Sansation_Light.ttf'),
        url('Sansation Light.eot') format('eot');
}

format: 이 값 은 브 라 우 저가 브 라 우 저 를 식별 할 수 있 도록 사용자 정의 글꼴 형식 을 말 합 니 다.
@ font - face 의 호 환 문 제 는 글꼴 format 와 관련 된 문제 입 니 다. 브 라 우 저 마다 글꼴 형식 에 대한 지원 이 일치 하지 않 기 때문에 브 라 우 저 자체 도 경로 접 두 사 를 통 해 글꼴 을 판단 할 수 없습니다.
@ font - face 는 모든 브 라 우 저 를 호 환 할 수 있 도록 어떻게 씁 니까?
@font-face {
	font-family: 'diyfont';
	src: url('diyfont.eot'); /* IE9+ */
	src: url('diyfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('diyfont.woff') format('woff'), /* chrome、firefox */
		 url('diyfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
		 url('diyfont.svg#fontname') format('svg'); /* iOS 4.1- */
}

좋은 웹페이지 즐겨찾기