2012-04-06 56 views
6

của OS của tôi. Tôi đang cố gắng bao gồm phông chữ tùy chỉnh cho trang tôi đang xây dựng. Vấn đề của tôi là sự liên kết dọc phông chữ trông khác nhau trên máy phát triển ubuntu của tôi và trên các cửa sổ của máy tính.phông chữ tùy chỉnh với các chỉ số dọc khác nhau giữa số

Thứ nhất, đây là những hình ảnh để hiểu được vấn đề

Edit: không may là người dùng mới tôi không thể đăng hình ảnh, vì vậy đây là một mô tả:

Vấn đề là khoảng cách giữa các phông chữ đường cơ sở và phần tử bên dưới nó. Có một khoảng cách không giải thích được trên máy ubuntu của tôi rằng nó không phải là một padding/margin. Ngay cả khi bạn chọn văn bản có vẻ không đúng.

Cả hai thử nghiệm trên Chrome, cùng một html/css đằng sau nó tất nhiên (đó là cùng một trang). Không có lề/đệm dưới cả trên mã và trên công cụ kiểm tra của chrome. Cùng chiều cao dòng. Phông chữ là Museo. Cả hai tải phiên bản .woff của phông chữ. Mọi thông tin khác, tôi sẽ vui lòng cung cấp.

Các css cho nhập khẩu các phông chữ là:

@font-face { 
    font-family: 'Museo-700'; 
    src: url('path-to-eot'); 
    src: url('path-to-eot?') format('embedded-opentype'), 
     url('path-to-woff') format('woff'), 
     url('path-to-ttf') format('truetype'); 
} 

Vấn đề kéo dài ngay cả khi tôi loại bỏ các tuyên bố WOFF và ttf được cung cấp các phông chữ.

Tôi thực sự bị mất với điều này, không có ý tưởng làm thế nào tôi có thể làm cho nó giống nhau. Bất kỳ loại trợ giúp nào cũng sẽ được đánh giá rất cao!

+0

Bạn có thể đăng liên kết tới hình ảnh và một người có nhiều đại diện hơn có thể chỉnh sửa chúng vào bài đăng của bạn. –

Trả lời

8

Phông chữ có ba bộ thông tin số liệu dọc được nhúng. Một bộ cho Mac, một bộ cho PC và một bộ khác thường được sử dụng bởi * nix. Đây có thể là khó khăn để đồng bộ hóa nhưng máy phát điện Font-face của chúng tôi cố gắng để có được những giá trị này giống nhau. Hãy thử một lần? Thông tin

http://www.fontsquirrel.com/fontface/generator

Thêm từ đội kiểu Google:

http://code.google.com/p/googlefontdirectory/wiki/VerticalMetricsRecommendations

+0

Tôi thấy bình luận của bạn quá muộn để trung thực, nhưng tôi đã sử dụng máy phát điện của bạn và nó đã giải quyết được vấn đề của tôi. Công cụ tuyệt vời, cảm ơn bạn rất nhiều vì đã cung cấp cho chúng tôi :) –

+0

Cảm ơn nhiều! Giải quyết vấn đề số liệu phông chữ của tôi là tốt - tôi rõ ràng đã sử dụng một trình chuyển đổi tệ hại trước cái này. –

+1

Có trình chuyển đổi nào khác có tùy chọn Số liệu theo chiều dọc không phải là phông chữ. Vì nó không cho phép tôi chuyển đổi các phông chữ thương mại. –

3

tôi đã cùng một vấn đề với font chữ này: http://www.fontsquirrel.com/fonts/Symbol-Signs

Tôi đã tải về đóng gói sẵn @ bộ font-face và các số liệu không phù hợp giữa Mac và PC.

Giải pháp là lấy phông TTF ra khỏi bộ tải xuống và sử dụng nó để xuất bộ công cụ @ phông chữ mới với trình tạo phông chữ của Font Squirrel. Máy phát có hộp kiểm trong Cài đặt chuyên gia có gắn nhãn "Sửa số liệu dọc". Hãy chắc chắn rằng điều này được kiểm tra trước khi bạn tạo ra bộ của bạn.

+1

Tôi cũng gặp vấn đề này !!! Vấn đề ZOMG twinzzzz !!! Nghĩ rằng tôi là người duy nhất. Phông chữ tôi gặp phải là: http: //www.fontsquirrel.com/fonts/antonio –

+0

Bạn đã sửa lỗi này cho Antonio chưa? Bởi vì tôi đã làm những gì peterhry đề nghị, tái tạo các tập tin webfont khác nhau với "Fix Vertical Metrics" trên nhưng vấn đề tương tự vẫn tồn tại ... – yorbro

0

Đặt giá trị cố định, ví dụ: px, cho thuộc tính css chiều cao dòng css.

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