font

  1. PVS

    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

    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ị...
  2. PVS

    Tutorial 2x Reduce FontAwesome icon font file size - Giảm kích thước tệp biểu tượng FontAwesome cho XenForo 2

    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ả...
  3. PVS

    Hướng dẫn Include downloaded fonts in Xenforo - Bao gồm các font đã tải xuống trong Xenforo 2

    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...
  4. PVS

    All-In-One Cufon - Plugin hỗ trợ làm đẹp font chữ cho Wordpress

    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...
  5. PVS

    Tutorial 2x Font Awesome on Menu and Sub Menus - Font Awesome trên Menu và Sub Menu cho XenForo 2

    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...
  6. PVS

    Hướng dẫn Cách tùy chỉnh danh sách phông chữ trong text editor

    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...
  7. PVS

    Hướng dẫn Tìm hiểu và áp dụng Icon fonts

    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”...
  8. PVS

    Hướng dẫn Tìm hiểu và áp dụng Web fonts

    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...
  9. PVS

    Hướng dẫn Nên sử dụng Fontello hay FontAwesome để chèn icon vào website?

    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...
  10. PVS

    Hướng dẫn Font màu phóng to khi di chuột

    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...
  11. PVS

    Hướng dẫn Install fonts in XenForo - Cài đặt phông chữ trong Xenforo

    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...
Top