Câu hỏi được gắn thẻ «font-face»

Có cách nào để thêm một số phông chữ tùy chỉnh trên một trang web mà không cần sử dụng hình ảnh, Flash hoặc một số đồ họa khác không? Ví dụ, tôi đang làm việc trên một trang web đám cưới và tôi đã tìm thấy rất nhiều phông …

518 html  css  fonts  font-face 

Tôi đang xem trang MDC để biết quy tắc CSS @ font-face , nhưng tôi không nhận được một điều. Tôi có các tệp riêng biệt cho đậm , in nghiêng và in đậm + in nghiêng . Làm cách nào tôi có thể nhúng cả ba tệp trong một@font-facequy …

454 fonts  css  font-face 

Tôi đang làm việc trên một trang web yêu cầu thử nghiệm phông chữ trực tuyến, các phông chữ tôi có đều là .otf Có cách nào để nhúng các phông chữ và làm cho chúng hoạt động trên tất cả các trình duyệt không? Nếu không, tôi có những …

440 html  css  fonts  font-face 

Tôi đang sử dụng @font-facetrên trang web của công ty tôi và nó hoạt động / trông rất tuyệt. Ngoại trừ Firefox và Chrome sẽ đưa ra lỗi 404 trên .wofftệp. IE không ném lỗi. Tôi có các phông chữ nằm ở gốc nhưng tôi đã thử với các phông …

422 css  http-status-code-404  font-face  woff 

Tôi có một số phông chữ được cấu hình trong tệp Scss của mình như vậy: @font-face { font-family: 'Icomoon'; src: asset-url('icoMoon.eot?#iefix', font) format('embedded-opentype'), asset-url('icoMoon.woff', font) format('woff'), asset-url('icoMoon.ttf', font) format('truetype'), asset-url('icoMoon.svg#Icomoon', font) format('svg'); } Tệp phông chữ thực tế được lưu trữ trong / app / nội dung / phông …

345 ruby-on-rails  sass  asset-pipeline  font-face  assets 

Trong CSS3 font-face , có nhiều loại phông chữ bao gồm như ttf, eot, woff, svgvà cff. Tại sao chúng ta nên sử dụng tất cả các loại này? Nếu chúng đặc biệt đối với các trình duyệt khác nhau, tại sao số lượng chúng lại lớn hơn số lượng …

299 css  font-face  webfonts 

Tôi nhận thấy điều này info logbắt đầu xuất hiện trong Google Chrome Dev (Phiên bản 55.0.2883.18 dev) và tôi không thể tưởng tượng được tại sao. Mạng chậm được phát hiện. Phông chữ dự phòng sẽ được sử dụng trong khi tải: http: //font-path.extension ` Nó xuất hiện trên …

283 google-chrome  font-face 

Tôi muốn tạo một nút đóng chỉ bằng CSS. Tôi chắc chắn tôi không phải là người đầu tiên làm điều này, vậy có ai biết phông chữ nào có chiều rộng 'x' bằng chiều cao, để nó có thể được sử dụng trên nhiều trình duyệt để trông giống …

219 css  fonts  font-face 

Đoạn mã sau hoạt động trong Google Chrome beta cũng như IE 7. Tuy nhiên, Firefox dường như có vấn đề với điều này. Tôi nghi ngờ đây là vấn đề về cách bao gồm các tệp CSS của tôi, vì tôi biết Firefox không quá thân thiện với việc …

194 css  firefox  font-face  file-uri 

Tôi đã thấy một số trang web mới đang sử dụng phông chữ tùy chỉnh trên trang web của họ (trừ Arial, Tahoma thông thường, v.v.). Và họ hỗ trợ một lượng lớn trình duyệt. Làm thế nào để làm điều đó? Trong khi cũng ngăn mọi người truy cập …

175 css  font-face 

Đây là loại mime SVG thông thường: image/svg+xml Và nó hoạt động rất tốt. Tuy nhiên, khi nhúng phông chữ SVG, chrome cho bạn biết loại mime không chính xác, rõ ràng vì bạn trả lại một phông chữ thay vì hình ảnh. Có bất kỳ loại mime phổ quát? …

168 html  svg  font-face  mime-types 

Đã có một vấn đề tồn tại từ lâu với việc Firefox không tải phông chữ từ nguồn gốc khác với trang web hiện tại. Thông thường, vấn đề phát sinh khi các phông chữ được phục vụ trên CDN. Các giải pháp khác nhau đã được đưa ra trong …

134 css  firefox  amazon-s3  font-face  cors 

Tôi đang sử dụng @font-facelần đầu tiên và đã tải xuống một bộ phông chữ từ phông chữ Mã họ khuyên nên chèn vào CSS của tôi là: @font-face { font-family: 'junctionregularRegular'; src: url('Junction-webfont.eot'); src: local('☺'), url('Junction-webfont.woff') format('woff'), url('Junction-webfont.ttf') format('truetype'), url('Junction-webfont.svg#webfontoNEpZXy2') format('svg'); } Bây giờ, điều khuôn mặt cười đã …

133 css  font-face 

Tôi đang trong quá trình xây dựng một ứng dụng mạng nội bộ nhỏ và không có may mắn sử dụng phông chữ Adobe mà tôi đã mua gần đây. Như tôi đã được thông báo, trong trường hợp của chúng tôi, đó không phải là vi phạm giấy phép. …

132 internet-explorer  css  internet-explorer-9  font-face 

Tôi phải nhập phông chữ Klavika và tôi đã nhận được nó ở nhiều hình dạng và kích thước: Klavika-Bold-Italic.otf Klavika-Bold.otf Klavika-Light-Italic.otf Klavika-Light.otf Klavika-Medium-Italic.otf Klavika-Medium.otf Klavika-Regular-Italic.otf Klavika-Regular.otf Bây giờ tôi muốn biết liệu có thể nhập chúng vào CSS chỉ bằng một @font-face-truy vấn, nơi tôi đang xác định weighttruy …

118 css  fonts  font-face