4
공개 Wi-Fi 액세스 포인트 용 스플래시 페이지를 디자인 중이며 다른 모든 브라우저에서 작동하는 반면 Firefox는 내 맞춤 글꼴을 표시하지 않습니다 (< 9 그러나 그것은 예상되었다).Firefox에서 @ font-face로 데이터 uri를 사용하는 방법
이- 인터넷에 액세스 할 수 없음 :이 페이지는 용어 및 조건을 받아 들일 사용자 전에 표시되므로 모든
- 을 차단 페이지가 저장되어
이 페이지에는 다음과 같은 제약 조건에서 작업해야 액세스 포인트에 : 아마도 C로 작성된 임베디드 서버를 의미하며 실제로 헤더 나 다른 헤더를 추가 할 수는 없습니다. 그럼 오픈 소스이므로 가능할 수도 있지만, 나는 확실히 임베디드 개발자가 아닙니다!
- WiFi는 제공되는 작은 마을을 광고하는 데 사용되므로 가능한 한 예쁘게해야합니다.
@font-face { font-family: Lato-Light; src: url(data:application/font-woff;base64,<large base64 string>) format('woff'); } h1{ font-family: Lato-Light, Helvetica, sans-serif; }그것은 파이어 폭스를 제외하고 ... 마법처럼 작동 :
내가과 같이, 데이터 URI와 함께 @ 글꼴 얼굴을 사용하는 제약 조건을 충족합니다. 이제는 구형 인터넷 익스플로러에서는 작동하지 않는다는 것을 이해하지만, 이제는 그 일을 할 준비가되었습니다. 그러나 소위 현대 브라우저가 그 기능을 제공하지 않는다는 것이 이상하게 보입니다. 왜이 기능이 작동하지 않습니까?
편집 : 물론, 나는 대체에 대한 많은 생각을 가지고 있지만 여기에 내 질문은 더 있습니다 : 왜 파이어 폭스는 다른 브라우저와 다른이 동작을합니까? 보안 설정입니까? data-uri 구현의 버그? data-uri의 크기 제한은 무엇입니까?
이미이 페이지를 서비스하고있는 동일한 액세스 포인트에서 다른 리소스로 글꼴을 제공 할 수 없습니까? – ephemient
아마도. 나는 그 가능성을 아직 탐구하지 않았으므로, 나는 더 나쁜 경우 시나리오를 위해 그것을하고있다. 나는 아직 실제 하드웨어에 액세스 할 수 없었지만, 내가 할 수 있다고 확신하지 못했습니다. 하지만 여전히 질문이 많았습니다. 파이어 폭스가 다른 모든 사람들처럼 행동하지 않는 이유는 무엇입니까? –
이것이 작동합니다. 문제가있는 페이지로 연결되는 링크가 있습니까? –