Hướng dẫn Cách thêm webfonts vào XenForo để chúng làm việc trong text editor

Thảo luận trong 'Tips and Guides' bắt đầu bởi PVS, 10/05/2017.

  1. PVS

    PVS Cộng Sự Đặc Biệt Thành viên BQT

    Tham gia:
    28/02/2015
    Bài viết:
    11,804
    Đã được thích:
    7,062
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    Cách thêm webfonts vào XenForo để chúng làm việc trong text editor

    Đã xảy ra sự cố với trình chỉnh sửa văn bản của Redactor được sử dụng để chỉnh sửa bài đăng. Webfonts được liên kết trong trang XenForo không hoạt động trong đó. Vấn đề là bởi vì nó sử dụng một iFrame, đó là một cửa sổ riêng biệt với CSS riêng của mình và các công cụ, và nó không có quyền truy cập load vào webfont.

    Sau khi suy nghĩ và thử nghiệm mình tìm ra giải pháp và nó thực sự dễ dàng! Về cơ bản, bạn chỉ cần tạo một template với webfont CSS của bạn, và bao gồm nó trong cả đầu của trang web và CSS của trình soạn thảo.
    Vì vậy, đây là hướng dẫn ...

    1. Trong Admin CP, vào danh sách các template của bạn và tạo một template mới có tên "webfonts.css".
    Thêm quy tắc @import hoặc @font-face cho webfonts của bạn.

    2. Tìm và mở template "PAGE_CONTAINER". Trong phần head của HTML, thêm mã này:
    Mã:
    3. Tìm và mở template "editor_contents.css". Đặt cái này ở đầu trang:
    Mã:
    Webfonts của bạn nên làm việc cả bên trong và bên ngoài trình soạn thảo văn bản ngay bây giờ. Kiểm tra nó:

    OWeaskg.png
    Chúc các bạn thành công.


    Nguồn: bet365 có những phương thức nạp tiền nào_link vào bet365_điểm số trực tiếp bet365.com​
     
  2. VinoMAYC

    VinoMAYC Thượng Đế

    Tham gia:
    05/02/2018
    Bài viết:
    7
    Đã được thích:
    0
    Điểm thành tích:
    1
    Nơi ở:
    Đà Nẵng
    Anh ơi, em không hiểu chỗ này lắm, anh có thể giúp em được không?
     

Chia sẻ trang này