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

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,659
Được Like
10,927
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ã:
<style>
<xen:include template="webfonts.css" />
</style>

3. Tìm và mở template "editor_contents.css". Đặt cái này ở đầu trang:
Mã:
<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ó:

OWeaskg.png

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


Nguồn: xenforo.com​
 

VinoMAYC

Thượng Đế
Tham gia
05/02/2018
Bài viết
7
Được Like
0
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?
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS


Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top Bottom