웹 전단 학습 의 2 -CSS3@font- face 활용
1174 단어 웹 전단 학습
이상 의 주 소 는 @ 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- */
}