2014-09-09 4 views
1

몇 가지 조사를 해본 결과 article이 발견되었지만 완전히 도움이되지는 않습니다. 글꼴 패밀리의 이름을 지정하는 데 사용할 수있는 유효한 문자가 무엇인지에 관심이 있습니다. 이론적으로, 모든 것을 따옴표로 묶는 것만으로 모든 문자를 명명에 사용할 수 있습니까? 실제로 어떻게 명명하고 있습니까?유효한 글꼴 모음 이름

예 : 글꼴 가족 이름에 사용

나는 또한 어떤 기준이 있는지 알고 싶은 것
@font-face { 
     font-family: '&This is my font 1234#!&&&'; 
     src: url('font.eot'); 
     src: url('font.eot?#iefix') format('embedded-opentype'), 
      url('font.woff') format('woff'), 
      url('font.ttf') format('truetype'); 
     font-weight: normal; 
     font-style: normal; 
} 

, 컨벤션?

+0

답변은 동일한 글에 있습니다 https://developer.mozilla.org/en-US/docs/Web/CSS/font-family#Valid_family_names – Sachin

+2

@Sachin 어떤 문자가 허용되는지는 언급하지 않은 것 같습니다. . – TylerH

+1

신뢰할 수있는 답변을 찾으려면 포함 할 수있는 항목에 대한 상당한 정보가있는 소스 W3.org로 직접가는 것이 가장 좋습니다. CSS로 잘 돌아 가지 않는 문자를 이스케이프하는 방법 파서 : http://dev.w3.org/csswg/css-fonts/#font-family-prop –

답변

0

Mozilla pageW3C page의 예를 참조합니다.

따옴표 붙이기가 가능한 유일한 글꼴 패밀리 이름은 알파벳 [a-zA-Z]으로 시작하며 그 뒤에는 영숫자 문자 만 포함됩니다 ([A-Za-z0-9]). 그리고 밑줄 (_)도 가능합니다.

인용문은 지정되지 않았습니다. 하나는 아무 것도 할 수 없지만 실제로 어떤 브라우저가 받아 들일지는 누가 알겠는가? 새 브라우저 나 사용 빈도가 적은 브라우저에서 지속적인 지원을 보장하고 개발 또는 사용자 버그 보고서에서 파손을 신속하게 파악할 수 있도록 지원되는 브라우저에 대한 테스트를 포함하는 것이 가장 좋습니다.

그러나 어딘가에, 지금 또는 미래에 깨는 확률을 높일 수있는 문자를 사용하는 것은 절대로 필요하지 않습니다. 이러한 명명 규칙은 코드의 냄새이며 재검토가 필요합니다.

큰 따옴표에 대한 유일한 제한은 전체 글꼴 집합 이름을 인용해야한다는 것입니다 (즉, "One Two" Three이 아님). 또한 Alpha 또는 정규식이 /[a-zA-Z][a-zA-Z0-9_]+/ 인 이름을 인용 할 경우 산발적 인 손상이 발견되었습니다. "One","Two","Three", 작동하지 않을 수도 있고 예상대로 작동 할 수도 있고 정상 작동 할 수도 있습니다.

접미어와 관련되어 있지만 많은 브라우저에서 바보처럼 깨진 채로 남아 있습니다 : monospace 글꼴. this article에 따르면 - 야간에 모질라 파이어 폭스 최근 v58에서의 내 관찰에 따르면 이것은 여전히 ​​남아 있습니다. monospace 글꼴이 너무 많이 축소되었습니다. "수정"은 monospace, monospace을 단일 글꼴 패밀리로 지정하는 해킹 인 것 같습니다. 따옴표는 사용하지 마십시오. 따옴표를 붙이면 동작과 기본 설정이 상속 또는 상속 또는 고정 폭 글꼴과 다른 것으로 나뉩니다. 고정 폭 글꼴을 인용하면이 글꼴이 손상됩니다. 둘 다 따옴표로 구분합니다.

관련 문제