[OzzModz] Easy Google Fonts - Dễ dàng sử dụng Google Fonts cho XenForo 2 2.0.0
Addon nhỏ tiện dụng này cho phép bạn dễ dàng thêm mã nhúng Google Font trực tiếp vào chủ đề của mình bằng cách sử dụng Style Property duy nhất, thay vì sử dụng các chỉnh sửa template lộn xộn.
Cách sử dụng
1. Truy...
Customize fonts in article mode - Phông chữ tùy chỉnh trong chế độ article cho XenForo 2.2
Điều này cho phép bạn thay đổi kích thước phông chữ trong chế độ "Xem trước" của article
Trong template extra.less, hãy thêm cái này:
.message--articlePreview .articlePreview-links {
font-size: 12px...
article
bai bao
bai viet
che do
customize
customize fonts in article mode
fonts
mode
phongchu
tutorial 2.x
tuy chinh
vnxf
vnxf.vn
xenforo 2 tutorial
xenforo 2.2
Easy Google Fonts - Dễ dàng sử dụng Google Fonts cho XenForo 2 1.0.0
Addon nhỏ tiện dụng này cho phép bạn dễ dàng thêm mã nhúng Google Font trực tiếp vào chủ đề của mình bằng cách sử dụng Style Property duy nhất, thay vì sử dụng các chỉnh sửa template lộn xộn.
Cách sử dụng
1. Truy cập trang...
Sử dụng thuộc tính font-family trong CSS để thiết lập font chữ hiện thị cho các phần tử HTML
Thuộc tính font-family được dùng để chỉ ra font cho phần tử. Có hai kiểu tên font:
font family chỉ ra font family ví dụ Times New Roman hoặc Arial
generic family nhóm các font family có cách hiển thị...
Reduce FontAwesome icon font file size - Giảm kích thước tệp biểu tượng FontAwesome cho XenForo 2
Giao diện XenForo 2.1 mặc định bao gồm bộ sưu tập biểu tượng FontAwesome Pro. Các biểu tượng được tải xuống cùng với trang dưới dạng ba tệp phông chữ .woff hoặc .woff2 riêng biệt bao gồm tất cả...
Include downloaded fonts in Xenforo - Bao gồm các font đã tải xuống trong Xenforo 2
Nhân tiện, trang này rất hữu ích: https://google-webfonts-helper.herokuapp.com/fonts
Chọn font mong muốn ở bên trái.
Sau đó, nhìn sang phải tại "2. Select styles" chọn độ dày font mong muốn (dễ nhất là tất...
Font Awesome on Menu and Sub Menus - Font Awesome trên Menu và Sub Menu cho XenForo 2
Thêm biểu tượng font awesome vào menu và submenu thả xuống.
Bạn có thể tìm thấy nhiều mã unicode font awesome hơn tại Font Awesome Icon List.
Khi bạn nhấp vào biểu tượng đơn, nó sẽ có unicode dưới biểu tượng...
Tìm hiểu và áp dụng Icon fonts
Sự phát triển không ngừng của công nghệ đã đẩy sự sáng tạo ngày càng trở nên tuyệt vời hơn. Từ khi các trình duyệt bắt đầu tích hợp @font-face thì các thiết kế trên website ngày trở nên phong phú và đầy màu sắc. Đặt biệt, trong giai đoạn hiện nay “Thiết kế phẳng”...
Tìm hiểu và áp dụng Web fonts
Việc tạo ra một font chữ là việc đòi hỏi rất nhiều kiến thức, thời gian và chất xám. Do đó, các font chữ thường được thương mại hóa, nếu bạn sử dụng một font thương mại mà convert nó sang các định dạng khác nhau để dùng cho @font-face hoặc cúfont đều là hành động...
Install fonts in XenForo - Cài đặt phông chữ trong Xenforo
Thêm đoạn code sau vào cuối template EXTRA.css của bạn:
/* <----- start FONTS ------->*/
@font-face {
font-family: 'ecliptic';
src: url('./styles/default/xenforo/fonts/ecliptic.eot');
src...