2012-04-12 4 views
1

이 페이지를 모든 브라우저에서 동일하게 보이게하고 싶습니다. 특히 모든 브라우저에서 텍스트의 줄 바꿈 지점을 정확히 동일하게 유지하여 100 % 정확도의 PDF 버전을 만들 수 있습니다. 예를 들어 FF 대 Chrome에서 확인하십시오.HTML5 포함 글꼴은 여러 브라우저에서 다르게 렌더링됩니까?

http://santaspencil.com/desktop/embedded-test/embedded-fonts-test.php

질문 : - 그것은 할 수 있습니까? - 사용자가 플러그인을 다운로드하지 않아도되는 대안이 있습니까?

답변

1

CSS에 글꼴 파일을 포함시켜야합니다. 하지만 평소처럼 석기 시대 IE는 당신이 당신의 서버에 EOT 글꼴 파일을 포함 할 필요가 있기 때문에 이것을 할 수 없습니다.

http://base64fonts.com은 글꼴 파일을 base64로 변환 한 다음 html로 복사하여 붙여 넣을 수있는 CSS 코드를 생성합니다. 이것은 브라우저 (IE 제외)에서 글꼴로드를 보장하는 데 도움이됩니다.

행운

1

... 여기

플레이 헤드 (벽돌 벽에 기호) ... 텍스트의 배치 포인트가 모든 브라우저에서 동일되고 싶어요. 웹 기술은 이것을 시도하지 않습니다. 임베디드 웹 폰트와 같이 자신 만의 글꼴을 제공하는 방법을 알아 내면 SORTA가 작동하게 할 수 있습니다. 그러나 100 %가 목표라면, 자고 포기할 수도 있습니다.

브라우저에 대한 깔끔한 점 중 하나는 '액체 레이아웃'의 능력입니다. 예를 들어 다른 화면 크기를 채우기 위해 데스크톱보다 태블릿에서 페이지를 다르게 렌더링합니다. 이 무한 재 렌더링 가능성에 대해 지불하는 가격 중 하나는 외관을 지정할 수 없다는 것입니다. 정확히입니다. 게다가, 가장자리 사건은 항상 일어나고 물 것이다. 예를 들어, 사용 가능한 라인이 0-73 단위이고 텍스트를 넣으려는 텍스트가 74 단위 길이라면 "적합"하지 않습니까? (예 : 제로 카운트를하고 가장 마지막 유닛에 "적합"또는 "포장"표시를 사용하고 있습니까?)

정확히 모양을 브라우저에 표시하는 유일한 방법은 그들에게 이미지 인 것처럼 보이는 것. 화면에 텍스트를 표시하고 스크린 샷을 찍은 다음 해당 스크린 샷을 * .GIF로 만드는 것도 한 가지 방법입니다.

브라우저에 자체 렌더링 엔진이있는 "우스운"이미지로 보이는 것처럼 PDF 파일도 작동합니다. 대부분의 렌더링 엔진은 브라우저가 동일하지 않은 경우에도 동일하므로 (즉, Adobe의 브라우저와 동일하므로) 작동 가능성이 훨씬 높습니다. 웹상에서 PDF 문서를 제공하면 꽤 잘 작동하며 꽤 널리 지원됩니다. URL이 http://yoursys.yourdomain/yourpath/yourfile.pdf 인 경우 대부분의 브라우저가 URL을 가져 와서 PDF 렌더링 도구를 시작하고 직접 표시합니다. 일반적으로 브라우저 창 내부에있어 사용자는 사용 된 다른 응용 프로그램을 인식하지 못합니다.

질문의 마지막 부분에 대해서는 잘못된 질문입니다. 그것은 "사용자가 이미 가지고 있지 않은 플러그인을 필요로하지 않는 솔루션"이어야합니다. PDF 플러그인의 장점은 대다수의 사용자가 인데 이미입니다. 모든 플러그인이 악의적이거나 불편한 것은 아닙니다 ... 덜 일반적인 것 (또는 사용자가 다운로드 할 권한조차없는 아이폰 인 경우 플래시 플러그인 :-).

행운을 빈다!

1

이것은 아마도 너무 늦었지만 오늘까지 이것을 알지 못했습니다. HTML에  으로 표시되는 비 분리 영역이라는 것이 있습니다. 원하지 않는 줄 바꿈 또는 기타 문제를 방지하는 데 사용할 수 있습니다. 위키 피 디아에는 꽤 좋은 글이 있습니다.

http://en.wikipedia.org/wiki/Non-breaking_space