Tại sao dòng mới trong phông chữ CSS của gia đình tôi bị ngắt? Làm thế nào tôi có thể tránh điều này?

Question

nhà thiết kế của tôi muốn Century Gothic, đó là không khá web an toàn, vì vậy chúng tôi quyết định Lucida là một sao lưu OK và Tôi đã viết một đống dài của phông chữ dự phòng:

body { 
font-family: "Century Gothic", 
      "URW Gothic L", 
      "Apple Gothic", 
      "Lucida Grande", 
      "Lucida Sans Unicode", 
      "Trebuchet MS", 
      "Lucida Sans", 
       sans-serif; 
} 

này có vẻ tốt đẹp trong Chrome, FF, Safari. Khi tôi kiểm tra trong IE (6, 7, và 8), không có súc sắc. Phông chữ ở khắp mọi nơi trên trang web là một kiểu chữ serif xấu xí! Tôi kích hoạt các công cụ phát triển IE 8 và thấy các ký tự hình chữ nhật nhỏ trong tuyên bố dường như rơi vào các ngắt dòng. Tôi sửa đổi CSS của mình thành

body { 
font-family: "Century Gothic", "URW Gothic L", "Apple Gothic", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Lucida Sans", sans-serif; 
} 

và công cụ này hoạt động. Tốt, vấn đề được giải quyết, nhưng nếu tôi muốn định dạng CSS của tôi để dễ đọc tại sao tôi không thể? Tại sao khoảng trống của tôi có liên quan? Đây có phải là vấn đề bộ chữ cái utf/iso không? Tôi có phải để những hàng dài chạy dài không?

Answer 1

Đây có phải là một biểu định kiểu riêng biệt hoặc là kiểu bạn đã tạo trong thẻ của mình không? Bạn có thể kéo nó ra thành tệp .css và điều đó có thể dừng sự cố.

IMO cho phép điều này xảy ra. Điều này sẽ là ngoại lệ không phải là quy tắc để bạn có một quy tắc css đó là điều này dài.

Answer 2

Có lẽ trình soạn thảo văn bản của bạn đang lưu tệp css với các ngắt dòng cụ thể của mac (chuyển dòng). Thay đổi ngắt dòng thành unix (dòng cấp dữ liệu) và xem nó có xuất hiện như bạn muốn không.