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...
All-In-One Cufon - Plugin hỗ trợ làm đẹp font chữ cho Wordpress
Cài đặt plugin All-in-One Cufon theo cách cài đặt một plugin WordPress thông thường.
Khi cài đặt xong, vào Setting ⇨ All-in-One Cufon sẽ thấy một bảng thông báo màu đỏ bảo bạn phải bổ sung thư mục cufon-fonts trong thư mục...
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...
Cách tùy chỉnh danh sách phông chữ trong text editor
Để thay đổi danh sách các phông chữ trong trình soạn thảo, bạn cần chỉnh sửa tập tin nằm ở "/js/xenforo/bb_code_edit.js". Tập tin được thu nhỏ, vì vậy chúng ta cần phải mở ra một số văn bản. Phiên bản đầy đủ có sẵn trong thư mục "full"; Bạn...
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...
Nên sử dụng Fontello hay FontAwesome để chèn icon vào website?
Chắc hẳn các bạn cũng biết FontAwesome trong việc nhúng những icon đẹp mắt vào website mà không cần dùng đến hình ảnh, lợi ích của cách chèn font này là cách sử dụng dễ dàng, dễ tùy biến bằng CSS và quan trọng là tiết kiệm được băng...
Font màu phóng to khi di chuột
Chỉ là một hiệu ứng đơn giản, mình nghĩ là đẹp và có giá trị chia sẻ. Đơn giản chỉ cần dán đoạn mã sau vào EXTRA.css và di chuột vào block font màu sắc của bạn nó sẽ phóng to ra.
.redactor_color_link:hover {
-webkit-transition: all 0.2s ease;
-moz-transition...
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...