2013-04-20 38 views
6

Tiêu đề khá nhiều nói lên tất cả. Tôi đang tạo bộ dụng cụ phông chữ bằng cách sử dụng con sóc phông chữ và tôi đang gặp vấn đề với khoảng cách chữ cái trong Safari.Khoảng cách chữ cái CSS không hoạt động với phông chữ SVG trong Safari?

Khi trình duyệt webkit hiển thị phông chữ SVG đẹp hơn nhiều so với phông chữ WOFF, tôi rõ ràng muốn sử dụng SVG. Tuy nhiên tôi nhận thấy rằng khoảng cách chữ cái dường như không hoạt động trong Safari. Đây có phải là một vấn đề được biết đến?

+0

Hãy xem những câu trả lời này có giúp ích cho bạn hay không: http://stackoverflow.com/a/3836140/684932 Theo bất kỳ cách nào, hầu hết thông tin tôi tìm thấy điểm được biết là vấn đề khoảng cách thư trên Safari chỉ hoạt động với pixel và không làm việc với bất kỳ thứ gì thấp hơn 1px. Nhưng hầu hết những thứ tôi tìm thấy là từ năm 2010-2012, không có gì tương đối 'mới'. – RaphaelDDL

+0

Btw dường như hoạt động trên Chrome trỏ đến Safari Bug chứ không phải Webkit. – RaphaelDDL

+0

Vấn đề của tôi chỉ đơn giản là khoảng cách giữa các chữ cái không hoạt động AT ALL với phông chữ svg. Không có gì để làm với các giá trị pixel thập phân. Và nó chắc chắn là một lỗi safari. Tôi sẽ gõ lên một fiddle sau khi tôi đang ở máy tính của tôi để chứng minh điều đó. – jcvandan

Trả lời

2

Có lẽ bạn có thể tham khảo bài viết trước đó về vấn đề này,

Safari, letter-spacing with custom font

Is there a way to make css letter-spacing: 0.5 px?

Safari Bug

Liên kết này của lỗi nói rằng việc sử dụng JavaScript bạn có thể gán khoảng cách. lỗi của nó lạ ..

Tôi chắc chắn các liên kết này sẽ cung cấp cho bạn một số hiểu biết ..

Tôi đã tìm thấy một Fiddle [Fiddle]4

Điều đó sẽ làm giảm công việc của bạn, có lẽ đây hoạt động tốt trong Chrome bây giờ tôi đang sử dụng phiên bản 26 của Chrome. Tôi chưa cài đặt safari vì tôi không phải là một trong những người hâm mộ săn mồi. :)

2

Như được chỉ ra bởi MarmiK, đây là một known issue trong danh sách lỗi WebKit (Lỗi # 20606). Thực tế là nó ảnh hưởng đến WebKit như một toàn thể có nghĩa là nó sẽ hiển thị trong Chrome, Safari và bất kỳ trình duyệt WebKit nào khác.

Tuy nhiên, lỗi mới nhất là lỗi được một trong các nhà phát triển Chromium chọn vào hoặc xung quanh 2013-03-22, đó là tiến trình chính khi lỗi vẫn giữ nguyên unassigned trong gần 4 năm. Với các lỗi typographic/alignment type khác đã được sửa gần đây (chẳng hạn như 99439, có liên quan đến việc thực hiện text-align-last), có vẻ như cộng đồng phát triển WebKit đang trong quá trình tập trung một số vấn đề này xuống.

Nếu bạn muốn theo dõi sự phát triển liên tục xung quanh vấn đề này, vui lòng tiếp tục theo dõi Bug 20606 History hoặc theo dõi Bug 20606 Discussion. Liên kết đầu tiên sẽ cho bạn thấy tiến độ/cam kết/chỉnh sửa liên quan đến lỗi và nỗ lực phát triển của nó. Thứ hai sẽ hiển thị cho bạn cuộc trò chuyện của người dùng/nhà phát triển xung quanh lỗi, cũng như auto-generated commentary của Xây dựng Bot, vì nó chạy thử nghiệm đơn vị đối với bất kỳ mã đăng ký có liên quan nào.

Cuối cùng, để kiểm tra bất kỳ phiên bản trình duyệt ưa thích nào của bạn so với các điểm chuẩn khác cho việc triển khai này, hãy xem this link. Phía trên bên trái sẽ hiển thị hiển thị của trình duyệt của bạn và các ảnh chụp màn hình bên dưới sẽ hiển thị các trình duyệt khác (một chút lỗi thời tại thời điểm này) - và cách chúng triển khai các giá trị letter-spacing không nguyên. Ngoài ra, bạn có thể thấy điều gì đó tương tự bằng cách tham chiếu đến this jsFiddle.

Các vấn đề liên quan