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

[PVS]

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:

<style>
<xen:include template="webfonts.css" />
</style>

3. Tìm và mở template "editor_contents.css". Đặt cái này ở đầu trang:

<xen:include template="webfonts.css" />

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ó:

​

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

Nguồn: xenforo.com​

 

[VinoMAYC]

Thêm quy tắc @import hoặc @font-face cho webfonts của bạn.

Anh ơi, em không hiểu chỗ này lắm, anh có thể giúp em được không?