내 웹 응용 프로그램 (http://status.net/)에서는 새 기본 테마 인 Google Webfonts API (http://code.google.com/apis/webfonts/)를 사용하고 있습니다. 컬렉션에 아주 멋진 글꼴이있어서 우리 소프트웨어를 더 잘 볼 수 있습니다.Google Webfont API를 사용하는 웹 페이지가 깜박이지 않게하려면 어떻게합니까?
그러나 페이지가로드 될 때 깜박임 또는 플래시가 표시됩니다. Webkit 브라우저에서 폰트 파일이로드 될 때까지 폰트가 사용되는 영역은 비어 있습니다. 파이어 폭스에서는 모든 것이 여러 번 리플 로우하는 것으로 보인다.
Webfont API에서주의해야 할 사항이 있습니까? 우리의 대체 글꼴을 조심해? 이게 정상인가?
에반, 올리비에는 기사 testing different services for fonts을 작성했습니다. 오페라에서 나는 아무것도 눈치 채지 못했다. FOUC (형식이없는 콘텐츠의 플래시)에 대해 이야기하고 있는지 궁금합니다. 나는 수입품을 보지 않아도. 글꼴의 출처는 어디입니까? CSS 또는 JS?
Google Webfont CSS API를 사용하고 있습니다. 우리는 FOUC를 Firefox에서 볼 수 있습니다. Chrome에서는 콘텐츠가 없지만 레이아웃은 다소 다릅니다. 문자가 들어옵니다. 다양한 서비스에 대한 유용한 링크! –
예 Webfont loader을 사용할 수 있습니다. 주어진 예는 내가 생각하는 모든 브라우저, 파이어 폭스의 동작을 재현하는 것입니다 불행한 (그리고 당신은 무엇을 찾고 있는지)하지만, 예를 들어 이전의 텍스트를 숨기려면 당신은 수정할 수 있습니다로드 된 글꼴의 :
.wf-loading p {
visibility:hidden;
}
추신 : StatusNet의 새로운 테마를 보길 기대하면서 현재 사용중인 디자인은 유용성과 디자인 향상에 합당한 가치가 있습니다.)
물론 Google Webfonts를 사용하여 모든 텍스트를 스타일링하면 (예 : 제목과 달리) 문제가 될 수 있습니다. 다른 서비스 제공 업체에 문의 해 보셨습니까? –
안녕하세요 Evan, 질문에 대답합니까? 감사! –