대담피라 (Fira)의 산세는 일관된 Fi를보고하지 및 FL 분리되지 않고 보이는 목표는 텍스트에서 플로리다와 인터넷에서 굵은 글씨를 제거하는 것입니다
내가 할 수 있었다 이 codepen에서 문제를 재현 : 숯불에 어떤 letter-spacing
을 적용
https://codepen.io/jossnaz/pen/vWgEGB
기본적으로 피라 (Fira) SAN을하지 그리고 그들은 chars가 대담하다. 이유는 모르겠다.
대담피라 (Fira)의 산세는 일관된 Fi를보고하지 및 FL 분리되지 않고 보이는 목표는 텍스트에서 플로리다와 인터넷에서 굵은 글씨를 제거하는 것입니다
내가 할 수 있었다 이 codepen에서 문제를 재현 : 숯불에 어떤 letter-spacing
을 적용
https://codepen.io/jossnaz/pen/vWgEGB
기본적으로 피라 (Fira) SAN을하지 그리고 그들은 chars가 대담하다. 이유는 모르겠다.
은 합자가 브라우저에서 자동으로 생성하는 방법을 제어하기 위해 설계된 CSS 속성이 있습니다. 추가
보십시오 : 귀하의 단락 요소에
font-variant-ligatures: none;
.
이 codepen 참조 : 당신은 문자 간격을 제어 할 문제에 대한 https://codepen.io/jossnaz/pen/vWgEGB
, 그리고 소스 텍스트가 별도의 F와 L 문자 "송로 버섯 셔플"처럼 구성되어,이 생성 합자에서 브라우저를 방지 할 수 있습니다 그리고 예상대로 공간을 적용하십시오.
그러나 이것은 사이트에서 실행중인 유일한 문제는 아닙니다. 페이지에서
텍스트가 실제로 유니 코드 Fi를 및 FL 합자 문자 (U + FB01 및 U + FB02)를 사용하고 있습니다. 브라우저는 이러한 문자를 별도의 문자로 분리하지 않으며 Google 글꼴 API에 포함 된 이 아닌입니다. 이것은 CMS에서 합자를 자동으로 변환하는 일부 플러그인이거나 편집기에서 복사하여 붙여 넣은 결과 일 수 있습니다.참조 : https://codepen.io/anon/pen/mqmLLZ 예를 들어.
이러한 합자는 webfont에 포함되지 않습니다. 라틴 합자는 U + FB00-FB06에 있으며 글꼴 또는 Google의 글꼴 API에는 포함되어 있지 않습니다. 그 결과 대체 글꼴이 보조 글꼴로 전환됩니다.이 글꼴은 일반 글꼴 sans-serif
- 아마도 Arial 또는 Helvetica로 지정됩니다. 그들은 굵게 그 자체가 아니지만 Fira Sans보다 무겁습니다.
어떻게 알았습니까? 유니 코드 의미 ... – Toskan
귀하의 사이트에 현상금에 대한 링크가 있었는데, Chrome dev 도구를 사용하여 font-variant-ligatures 속성을 요소에 추가했지만 아무런 변화가 없었습니다. 그래서 나는 원본을 보았고 일반 텍스트 표현으로 합자가 존재했습니다. – kibibu
여기에 완전성을 위해 unicode fl :'fl agged'가 있습니다. 왜냐하면 당신은 단지'fl'을 선택할 수 있기 때문에 당신이 알아 차릴 수 있습니다. 'f' 또는'l' 만 선택할 수 없습니다. – Toskan
문자 간격에 어떤 브라우저를 사용하고 있습니까? Firefox에서는 괜찮아 보입니다. 또한 글꼴이 활자체로되어 있고 글꼴에 내장되어 있으므로 문자 간격을 늘리지 않고 분리하지 않습니다. https://en.wikipedia.org/wiki/Typographic_ligature – disinfor
잘 링크 된 페이지에서 그들은 더 굵게 보입니다. 나는 그 (것)들이 함께 고집하는 soo를 꺼리지 않는다. 비록 실제로 나는 마음을 먹는다. 그러나 그들은 또한 대담하다? 나는 크롬과 파이어 폭스 모두에서 재현 할 수 있었다. – Toskan
관련 : [문자 "fi"와 "fl"의 조합은 브라우저에 의해 표시되지 않습니다] (https : // stackoverflow.com/q/42269783/1016716) 및 [문자 간격이 더 큰 경우 'fi'및 'fl'의 합자를 수정하는 방법] (https://stackoverflow.com/q/42934280/1016716) –