저는 SIFR 3.0으로 얼마 동안 노력해 왔으며 글꼴 크기가 제대로 작동하지 않는 것 같습니다. 나는 SIFR의 가장 기본적인 개념을 이해한다. 페이지를로드하면 SIFR이 실행됩니다. HTML 렌더링 글꼴의 크기와 같은 계산을 한 다음 그 크기와 대략 동일한 플래시 무비로 바꿉니다. 이 때문에 가능한 한 가까운 SIFR 글꼴 크기에 맞게 HTML 글꼴의 스타일을 지정해야합니다.SIFR 3.0 - 글꼴 크기
이 두 가지 글꼴 크기를 스타일에 맞게 조정할 때 항상 내 문제가 발생합니다. Helvetica Neue Lt의 SIFR 글꼴을 약 32px에서 사용하고 싶다고합시다. HTML은 약 36px에서 Arial Narrow와 비슷하지만 음수 인 문자 간격을 사용합니다. 그래서 여기에 내가하는 일이 있습니다.
sifr.css에서 나는 쓸 것이다 :
@media screen {
.sIFR-active h1 {
visibility: hidden;
z-index: 0 !important;
font-size: 36px;
}
}
대, HTML 내가 원하는 크기 폰트의 기본을 얻을 수있다. 이제 플래시 SIFR 글꼴 크기를 업데이트해야합니다. 그래서 sifr-config.js에 들어가서 다음과 같이 작성하십시오 :
sIFR.replace(HelveticaNeueThinCond, {
selector: 'h1',
css: '.sIFR-root { color: #762123; font-size: 32px; line-height: 1em; }',
transparent: true
});
이제 모든 것이 잘 작동합니다. 내 h1 텍스트가 두 줄 이상 줄 때까지입니다. 어떤 이유로 텍스트가 줄 바꿈 될 때 첫 번째 줄만 표시됩니다. 높이를 잘못 계산 한 것 같습니다. 몇 가지 검사를했기 때문에 이것은 매우 이상합니다. HTML 렌더링 된 텍스트가 올바른 크기인지 확인하기 위해 "sIFR 활성 h1"의 "visibility : hidden"을 제거했습니다. 그것은 두 줄을 차지합니다. 그러나 Flash가이 텍스트를 바꿀 때 텍스트 한 줄의 최소 높이를 제공합니다. 이상한.
이 래핑 문제를 해결할 수있는 유일한 방법은 "font-size : 32px;"를 제거하는 것입니다. sifr-config의 "sIFR.replace (HelveticaNeueThinCond)"에서 실행 한 문제는 sifr.css에 설정된 글꼴 크기를 상속한다는 것입니다. 이제 문제는 내 HTML 텍스트가 SIFR 텍스트보다 큽니다. 가끔씩 내 SIFR 텍스트가 큰 공백을 남기기 전에 내 HTML 텍스트가 줄 바꿈됩니다.
그래서 어떻게 배치를 잃지 않고 두 가지 글꼴 크기 (HTML 텍스트 용과 SIFR 용)를 설정합니까? 나는 그들이 동일한 글꼴 크기 속성을 공유 할 수있는 웹 안전 글꼴에 아주 유사한 또는 sIFR 글꼴이있을 때.
나는 성공적으로 사용할 수 있었던 유일한 시간이다.
감사
감사 마크. 설명했듯이 sIFR.replace에서 font-size를 제거하면 .sIFR-active로 선언 된 font-size를 사용하도록 기본 설정됩니다. 나는 두 가지 글꼴 크기를 선언하고 있는데, sIFR.replace의 글꼴 크기를 32px로, sIFR- 활성 글꼴 크기를 26px로 지정합니다. 이렇게하면 가능한 한 가깝게 일치합니다. 플래시 글꼴 (sifr.replace)을 HTML 글꼴 (sifr-active)과 다른 크기로 만들 수있는 방법이 있습니까?
글꼴 크기를 동일하게 설정해야합니까? 그것이 사실이라면별로 의미가 없습니다. 두 글자를 똑같은 글자 간격/줄을 사용하도록 미세 조정할 수 있다면 어떻게 될까요?
이 질문에 대한 답변을하지는 않지만 cufon을 사용해 보셨습니까? 그것은 엄청나게 설치하기 쉽고, 어쩌면 가치가있을 것입니다 ... – Skilldrick
PHP를 사용하고 계십니까? 당신은 http://thephpcode.blogspot.com/2009/12/fontreplace-phpjery-font-replacement.html에서 fontreplace FLIR을 얻을 수 있습니다. – mauris
@Skilldrick - 아직 cufon을 시도하지 않았습니다. 서버에 글꼴을 넣을 수있는 모든 법적 문제가 확실하지 않아서이를 피하고있었습니다. 그것은 볼 가치가있을 것입니다. – Nick