크롬 시스템은 snafu를 글꼴입니다

작년 말, 크롬 브라우저에서 버그가 발생했으며, 적어도 Mac 시스템 (다른 플랫폼의 상황은 알려져 있지 않음), 시스템 글꼴이 작은 크기로 너무 얇고 단어 간격이 너무 빡빡합니다. 큰 크기에서는 너무 두껍게 보이고 간격이 너무 넓습니다. 다행히이 문제는 해결되었습니다. 그러나 문제가 존재하는 기간 동안 시스템 글꼴을 포기하고 다른 글꼴로 전환했습니다. 성능이 약간 떨어졌지만 시각적 효과가 향상되었습니다.

이제 더 심각한 문제가 발생합니다. 시스템 글꼴은 굵게 표시 될 수 없습니다. 많은 웹 사이트가 시스템 글꼴 스택을 사용하기 때문에 매우 나쁘다. 2) 웹 사이트가 사용자 정의 글꼴을 다운로드하고 표시 할 필요가 없기 때문에 탁월한 성능을 가지고 있습니다.

Jon Henshaw는 다음을보고했습니다.

...이 버그는 Visbug의 개발자이자 Google Chrome CSS 개발자의 전도자 인 Adam Argyle의 관심을 끌었습니다. Argyle은 Chromium Bug Report를 만들었지 만 Chromium Development 팀은 마침내 버전 81의 릴리스를 방해하지 않기로 결정했습니다. 이로 인해 Coywolf와 같은 사이트가 16px보다 큰 글꼴 (예 : 제목 당)에 굵은 텍스트를 사용하지 않습니다.

Chromium 팀은 버전 82의 건너 뛰기를 발표하고 5 월 중순 버전 83을 출시 할 예정이므로 버전은 버전 82에서 고정되지 않습니다. Argyle은 초기 Github 버그 보고서의 모든 사람들이 버전 83에서 수정 될 것이라고 확신합니다.

그래서 우리는 약 4 주 더 기다려야합니다. Šime Vidas는 Helvetica 글꼴을 임시 솔루션으로 일시적으로 사용하는 것이 좋습니다.

 <code>body { font-family: -apple-system, Helvetica; }</code>

구형 버전의 Chrome/MacOS는 -apple-system 포함하여 시스템 글꼴로부터 이점을 얻을 수 있다고 생각합니다. 확실하지 않습니다.

이것은 나를 조금 혼란스럽게 만들었습니다. 시스템 글꼴 스택 사용에 대해 처음 들었을 때 -apple-system 및 BlinkMacSystemFont 가 있으며이 순서로 글꼴 스택에 사용해야합니다. 그런 다음 -system-ui 제공됩니다. 이는 혼자서 잘 작동하는 것처럼 보입니다. Mac 시스템에 너무 의존하지 않기 때문에 훌륭합니다. 그러나 system-ui (대시를 시작하지 않고)도 있습니다. 이는 같은 일을하는 것처럼 보이지만 어느 것이 올바른지 잘 모르겠습니다. 이제 계획은 ui-sans-serif 및 관련 글꼴 (예 : ui-serif 및 ui-monospace ) 인 것 같습니다. 이 아이디어가 마음에 들지만 브라우저 공급 업체로부터 권장 사용에 대해 명확한 지침을 얻고 싶습니다. 우리는이 상황에 있습니까?

 <code>/* 只是一个猜测... */ body { font-family: ui-sans-serif, system-ui, -system-ui, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji"; }</code>

내 또 다른 관찰은 ... Chrome 81 에서이 버그를 복사하려고 할 때, 처음에는 "이상하게도 내 시스템에서 잘 작동한다"고 생각했기 때문에 기본 16px 텍스트를 굵게 표시하려고했기 때문입니다. 글꼴 크기가 20px 이상인 경우 문제가 발생합니다.

Bramus는 다른 해결책을 제안합니다.

위 내용은 크롬 시스템은 snafu를 글꼴입니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!