CSS에서 글꼴 계열 이름에 따옴표가 정말로 필요합니까?

CSS에서 글꼴 계열 이름을 인용해야 합니까?

전통적으로 CSS 내에서는 여러 단어가 포함된 글꼴 이름을 따옴표로 묶어야 한다고 믿어졌습니다. 글꼴 패밀리 속성은 좋은 습관으로 간주되었습니다. 그러나 최근 테스트에 따르면 Safari 및 Firefox와 같은 브라우저에서는 따옴표 없이 글꼴을 렌더링하는 데 문제가 없는 것으로 나타났습니다.

CSS 사양

CSS 2.1 사양에 따르면 글꼴 모음 이름은 문자열로 인용되거나 일련의 식별자로 인용되지 않아야 합니다. 식별자를 사용하는 경우 토큰 시작 부분의 구두점과 숫자를 이스케이프 처리해야 합니다.

권장 사례

CSS 사양에서는 따옴표를 엄격하게 요구하지 않지만 다음과 같은 경우에는 인용을 권장합니다. 키워드 값과의 혼동을 피하거나 이스케이프의 필요성을 방지하기 위해 하이픈 이외의 공백, 숫자 또는 구두점이 포함된 글꼴 모음 이름 식별자 내의 구두점.

따옴표가 필요한 경우

글꼴 이름이 'inherit', 'serif' 또는 'serif'와 같은 키워드 값과 일치하는 경우 따옴표는 필수입니다. 'monospace'.

결론

따옴표가 있는 글꼴 계열 이름과 인용되지 않은 글꼴 이름 사이에는 기술적인 차이가 있지만 최신 브라우저에서는 문제가 발생할 가능성이 없습니다. 단, 글꼴 이름에 특수문자가 포함되어 있거나 키워드 값과 일치하는 경우에는 인용을 권장합니다. 이 방법을 따르면 적절한 글꼴 렌더링을 보장하고 CSS 코드의 잠재적인 혼란을 피할 수 있습니다.

위 내용은 CSS에서 글꼴 계열 이름에 따옴표가 정말로 필요합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!