Hỏi đáp Không thể nhúng font trực tiếp từ Google vào epub

Thảo luận trong 'Hỏi đáp - Góp ý' bắt đầu bởi Huyetleid0907, 17/2/25.

  1. Huyetleid0907

    Huyetleid0907 Mầm non

    HTML:
    @import url("https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,400;0,700;1,400;1,700&display=swap");
    
    body {
        font-family: "Cormorant", serif;
        margin: 0;
        font-size: 1em;
        line-height: 1.5rem;
    }
    [​IMG]

    Vấn đề mình gặp là không thể chèn được trực tiếp font từ google vào epub, mình dùng app Sigil. Hiển thị trên app và đọc trên máy đọc sách hay điện thoại đều hiện ra "serif". Trong khi trên trang font google và các topic hướng dẫn thì chỉ có mỗi đoạn code như vậy thôi.
    Mình xin hỏi lỗi này là như thế nào vậy ạ, mình xin cảm ơn.
     
  2. Bọ Cạp

    Bọ Cạp Moderator Thành viên BQT

    Đặt tên font family tên sai rồi, font family của hai thẻ kia phải đặt giống nhau.
    Trên đặt tên font "Cormorant" thì dưới cũng phải thế
     
    nguyenthanh-cuibap thích bài này.
  3. Huyetleid0907

    Huyetleid0907 Mầm non

    Mình đặt tên Cormorant đúng mà, mod đừng để ý cái fTitle phía dưới, đó là font khác mình add thẳng vào file.
     
  4. tran ngoc anh

    tran ngoc anh Cử nhân

    Nhấn F7 để xem Sigil báo lỗi cú pháp ở đâu đi bạn.
     
  5. Huyetleid0907

    Huyetleid0907 Mầm non

    Mình nhấn F7 thì Sigil không báo lỗi gì luôn. Nên trước giờ body font mình luôn phải chèn trực tiếp vào file, nên hơi nặng. Mình đính kèm epub hiện đang làm luôn nha.
     

    Các file đính kèm:

  6. nguyenthanh-cuibap

    nguyenthanh-cuibap Cử nhân

  7. Huyetleid0907

    Huyetleid0907 Mầm non

    Bạn không hiểu mình nói rồi, hơi bị lệch giống như mod Bò Cạp phía trên luôn. Add font vào file epub thì sẽ làm nặng file, nên mình không làm.

    Cái mình muốn là lấy font qua link từ googleapis, mình nghĩ nó bị lỗi chỗ nào đó, nên bạn tran ngoc anh mới bảo nhấn F7 ấy. Vấn đề là hok biết chỗ nào luôn :D
     
  8. machine

    machine Sinh viên năm I

    Đọc bằng Reasily vẫn hiển thị font Cormorant bình thường (hiển thị chữ "a" đặc trưng khác với kiểu font khác), đâu có lỗi gì.
    ab.jpg
     
  9. Huyetleid0907

    Huyetleid0907 Mầm non

    Cám ơn bạn. Mình vừa thử trên Reasily thì hiển thị được, vậy là lỗi nhận diện thiết bị hay gì rồi. Mình đang dùng IP15 và Kindle P5 thì không thấy được.
     
    machine thích bài này.

Chia sẻ trang này