Hướng dẫn Giới thiệu biên tập ebook bằng Calibre Editor

Thảo luận trong 'Hướng dẫn chung' bắt đầu bởi inno14, 15/9/17.

  1. inno14

    inno14 Lớp 8

    Hihi, mình không biết, đọc bằng Li, pock, chrome đều bình thường :)
     
  2. Gassie

    Gassie Sinh viên năm I

    Ồ... chắc do thằng Edge rồi :D
     
  3. V/C

    V/C Mầm non

    Bác biết lôi list Sigil ra ngoài chưa.
    Người soát là sửa chính xác nhất, hầu như là sạch.
     
  4. Gassie

    Gassie Sinh viên năm I

    Ôi... đúng là máy móc. Làm theo @inno14 mà không suy nghĩ. Cái mẫu jacket như tui làm thì không cần phải để <table> cho nó rối. Chỉ cần <div> và <p> là đủ =)))
     
    Chỉnh sửa cuối: 30/11/17
    inno14 thích bài này.
  5. Gassie

    Gassie Sinh viên năm I

    Còn lỗi hiển thị thì đúng là do thằng Edge. Mấy cuốn trước do tiêu đề dài hết bề ngang của table nên nhìn thấy nó cân giữa, chứ thử bỏ cho ngắn bớt thì lại thấy lệch qua một bên.
     
  6. Bọ Cạp

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

    Add font vào để làm title hoa lá như nào @inno14 ,@NQK, @Gassie. Tối qua xem bên bài của anh Tư về Sigil nhưng Calibre lại tìm không ra.
    [​IMG]
     
    thanhbinhtran thích bài này.
  7. NQK

    NQK Lớp 10

    Èo, em mở một file anh làm ra là thấy mà. ;).

    Nhớ lấy file cũ cũ chút vì gần đây (một hai tháng) thì anh sử dụng font trực tiếp từ web nên không gắn tff vào file nữa. Cái này thì Lithium hỗ trợ, còn các anh 'đọc' kia thì mù tịt, trả về serif hết.
     
    Bọ Cạp thích bài này.
  8. Bọ Cạp

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

    Css của anh cho url như này à

    h2.num {
    background-color: #201f1b !important;
    background-image: url(../images/cover.jpg);
    background-size: 100%;
    color: white !important;
    text-shadow: 0 0 0 0;
    padding-top: 0.3em;
    -webkit-text-stroke: 0.05em #201f1b;
    width: 2em;
    height: 2.6em;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 15%, 85% 0);
    }

    Cái ảnh trên là kiểu add font của Gassie
     
  9. Gassie

    Gassie Sinh viên năm I

    1. Import file font chữ muốn chèn vào.
    2. Khai báo font trong css:
    @font-face {
    font-family: abc;
    font-style: ....;
    src: url("....");
    }
    3. Nhúng font: ví dụ muốn nhúng vào h1
    h1 {
    font-family: abc;
    }

    @Bọ Cạp mổ file epub của tui ra xem là thấy. Thường tui để 2 file css: font.css để khai báo font và style.css để định dạng (có thể gộp chung trong 1 file css cũng được). Và nhớ là mổ epub nhé, azw nó sẽ mã hóa tên font thành dạng số nên hơi khó hiểu.
     
    Bọ Cạp thích bài này.
  10. Bọ Cạp

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

    Mình đang muốn hỏi cách Import file font chỗ nào. :D
     
  11. NQK

    NQK Lớp 10

    Em phải hiểu bản chất của sự việc đã chứ.

    Thứ nhất, em phải nói cho máy nó biết là em muốn dùng font gì, cho chỗ nào. Ví dụ em muốn dùng font Literata cho phần thân, tức là các thẻ p thì em khai báo vào phần p.
    p { font-family: Literata, serif; }

    Sau đó thì có hai trường hợp xảy ra:
    a) Nếu font Literata đã được cài sẵn vào hệ thống thì Editor sẽ nhận ra ngay và font hiển thị trong editor đã phản ánh luôn.
    b) Nếu font Literata chưa được cài sẵn thì Editor sẽ chờ em cài vào TRONG FILE EPUB.

    Đối với trường hợp a), đơn giản là bấm Tools >> Embed Referenced Fonts. Lúc đó nó sẽ gom file cần thiết vào trong epub và viết các dòng abc cho em. Tất nhiên là có khả năng nó bảo em là "sao mà lười thế" nhưng cũng có thể không.

    Đối với trường hợp b), em phải Add/Nhập file vào sách (File >> tìm trong đấy), nhớ nhập các dạng file nghiêng/đậm/đậm-nghiêng nếu cần. Sau đó thì mới làm động tác khai báo cho máy nó hiểu là "Literata" thì lấy file ở chỗ nào trong ruột epub. Phần này em có thể ngó ngược lên chỗ Gass chỉ phía trên. Viết đủ các địa chỉ @font-face cho các em nghiêng/đậm/đậm-nghiêng nếu có sử dụng. Nếu em làm cho máy cảm thấy hài lòng thì nó sẽ hiển thị đúng mặt font. Khi đường dẫn trỏ đến font chưa chuẩn thì nó sẽ màu ghi ghi, còn màu xanh biếc là chuẩn chỉ. Chỉ đường dẫn sai thì đừng hòng nó hiện đúng.
     
    Bọ Cạp thích bài này.
  12. Gassie

    Gassie Sinh viên năm I

    Nó đây:
    IMG_6544.JPG
     
    Bọ Cạp thích bài này.
  13. NQK

    NQK Lớp 10

    Sao Gass lại để máy tính nghiêng thế? Vừa nằm vừa làm à?
     
  14. Gassie

    Gassie Sinh viên năm I

    Do tay cầm phone chụp bị nghiêng đấy mà ^^
     
  15. Bọ Cạp

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

    Cách của anh NQK là thay font cho ebook à? Em hỏi cách làm title của từng chương
     
  16. NQK

    NQK Lớp 10

    Thì em thay vào đâu thì thay. Ai biết 'chương' của em là đặt heading gì đâu. h1, h2, h3, hay class gì đó.
     
    Bọ Cạp thích bài này.
  17. Bọ Cạp

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

    Cám ơn mọi người nhé, để tối nghiên cứu tiếp :D
     
  18. inno14

    inno14 Lớp 8

    * Phần thêm 15-01-2018: nhét font unicode vào sách, khai báo và sử dụng :)
    1. Nhét font unicode vào
    [​IMG]
    [​IMG]
    [​IMG]
    2. Định danh gia đình font trong css: Đặt tên tùy ý, 1 gia đình font thông thường sẽ gồm 4 anh em (tối thiểu là 1): thường, nghiêng, đậm, nghiêng & đậm. Lưu ý là 4 anh em ruột thịt hay 4 anh em kết nghĩa không thành vấn đề :D
    [​IMG]
    3. Gọi font: Muốn gắn font vào đâu thì ở đó chỉ việc gọi đúng tên gia đình ấy ra, tùy theo các thẻ <i>, <b> trong html mà gia đình font tự phân công anh nào ra chấp hành nhiệm vụ, dĩ nhiên nếu gia đình đơn chiếc thì chỉ có 1 anh thầu hết các thẻ ha :) ví dụ ở đây là thẻ body cần gia đình bookerly giúp việc thì khai báo như hình, nếu thẻ <h1>, <h2>... cần gia đình font nào thì cứ lập sổ hộ khẩu như trên rồi gọi ra thui :D
    [​IMG]
    4. Nhớ link html với css nhé.
     
  19. Bọ Cạp

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

    Cám ơn inno14
     
  20. Bọ Cạp

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

    Đã thuộc bài, nhờ @inno14 và mọi người giúp tiếp :D
    _ Ebook mà có nhiều ảnh thì chèn vào như nào?
    _ Khi copy text vào ebook-edit thì những dấu sao *** tách đoạn văn và chương hồi không còn căn giữa nữa. Mình muốn hỏi cách sửa.
     

Chia sẻ trang này