안녕하세요 저는 웹 응용 프로그램에서 사용하는 katerina 글꼴에 문제가 있습니다. html/css에서 mPDF를 사용하여 pdf로 일부 텍스트를 변환해야합니다. 문제는 번호가 어색해 보인다는 것입니다. 내가 포토샵에서 모두 대문자 기능을 사용할 때katerina 글꼴의 숫자
는, 그들은 좋아 보인다.
난 그냥 같은 줄에있을하도록해야합니다. 거기에 어떤 방법으로 그들을 PHP로 변환 할 수 있습니다 또는 CSS와 포토샵 (모든 대문자에)처럼 보이게?, 작동 중 text-top, bottom 또는 축소이 작품의
희망 한 text-bottom ... 이미지에서
텍스트 변환 : 대문자는 효과가 없습니다. 나는 미친 것처럼 보입니다. 그러나 같은 줄에이 숫자가 필요합니다. 단지 포토샵으로 모든 모자 기능을 해결할 수 있다면 생각했습니다. CSS 또는 PHP에서 성취 할 수 있습니다. – Frees
편집 된 답변 –
, 그것은 글꼴 것으로 보인다 시도하지 않습니다 font-size: 24px; line-height: 26px; vertical-align: baseline;
baseline 경우를보십시오 "구식"(또는 "소문자") 숫자와 "라이닝"(또는 "대문자") 숫자를 모두 포함합니다. 그런 다음 글리프 변형이되고 별개의 문자 (예 : "a"및 "A")가 아닌 기존 스타일의 숫자가 기본값이됩니다. 아마도 Photoshop의 모든 대문자는 라이닝 숫자를 선택합니다. 이것은 좀 이상하지만 가능성이 있습니다. 결국, 타이포 그래픽 적으로, 대문자와 숫자로 구성된 표현식에 안자리 숫자를 사용해야합니다. - 폰트가 없기 때문에 이것을 확인할 수 없습니다. Katerina라고 불리는 웹 주변의 글꼴은 매우 다르게 보입니다.
HTML에서는 글리프 변형을 선택하는 것이 불가능했지만 상황은 변화하고 있습니다. 글꼴 기능에 관한 내 demo page을 확인하십시오. 시스템에 Katerina가 설치되어있는 경우 최신 브라우저에서 페이지를 열고 글꼴 이름을 입력 한 다음 "lnum"을 사용하여 행을 체크 아웃하십시오. 그것은 안감 숫자를 보여 주어야합니다. 이 그렇다면, 당신은 사용 글꼴에서 지원하는 경우, 같은 자리를 요청하려면 다음 CSS 선언을 사용할 수 있습니다 : 예 스타일이 생성 된 PDF로 전송됩니다 여부
-webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum";
다른 문제입니다. 저는 PDF 전문가는 아니지만, OpenType 기능에 대한 지원을 기대합니다 (이것이 무엇인지에 대한 것입니다).
보기 브라우저에서 작동하지만 브라우저에서 작동하지만 mpdf에서는 작동하지 않지만 지금은 문제가되지 않습니다. 글리프 편집기에서 글꼴을 열고 직접 수정했습니다. – Frees
'p {text-transform : uppercase; }'??? – str
스크린 샷의 숫자에 문제가 없음을 알았습니다. 처음에는 숫자에 대문자 글리프가 표시됩니다. –
어둠 속에서 방금 찍었지 만 PS에서는 자간이나 무언가를 사용하므로 같은 줄에있는 것처럼 보이게합니다. 다른 곳에서는 그런 수준의 제어가 없으므로 글꼴이 작성자의 의도를 표시합니다. 당신은 아마도 다른 글꼴을 사용해야합니다. –