Chia sẻ Thủ Thuật Công Nghệ - Phần Mềm

Download Font chữ Baomoi cho website đầy đủ để CSS

0

Xin chào các bạn! Hôm nay iHuongdan Blog Xin có thể chia sẻ với bạn Phông chữ Baomoi. Đây là bộ font trên trang web baomoi.com đang sử dụng. Như tất cả các bạn đã biết, sau đó nhìn vào trang web chúng ta đã biết. Thì font chữ trên website baomoi trông khá đẹp và bắt mắt.

Để giúp bạn có thể dễ dàng sử dụng phông chữ này cho trang web của mình. Thì hôm nay mình xin chia sẻ với các bạn bộ file font baomoi với các định dạng như: Baomoi-italic, Baomoi-SemiBold, Baomoi-normal. Đây là bộ 3 định dạng font tiêu chuẩn để bạn có thể sử dụng font css for family cho cả web. Với bộ 3 định dạng font này bạn có thể dễ dàng nhúng vào trang web của mình một cách nhanh chóng.

Bạn có thể tải bộ font baomoi ngay dưới đây:

Phông chữ baomoi

Cách sử dụng cũng khá đơn giản. Nếu bạn là người am hiểu về thiết kế website thì việc nhúng font chữ cho website cũng khá đơn giản đúng không? Trong bài viết này mình sẽ hướng dẫn các bạn 2 cách. Một là nhúng nó trực tiếp vào File css nếu bạn là người biết mã. Thứ hai, sử dụng một plugin nếu bạn đang sử dụng một trang web WordPress.

Phương án 1: Nhúng phông chữ baomoi trực tiếp trên trang web

Để sử dụng cách này, bạn tiến hành tải bộ font baomoi ở trên. Sau đó tải nó lên thư mục phông chữ trên trang web của bạn. Tiếp theo, bạn tiến hành thêm dòng mã sau vào File css của website:

@font-face {
 font-family: baomoi;
 src: url(.../fonts/Baomoi_gdi.woff);
 font-weight: normal;
 }

Giải thích mã như sau:

  • Dòng đầu tiên: font-family: baomoi là tên chúng tôi muốn đặt cho phông chữ chúng tôi nhúng.
  • Dòng thứ hai của src: url (‘../ fonts / Baomoi_gdi.woff’) Đây là nguồn cho phông chữ.
  • font-weight:thường; font-style: normal; Điều này có nghĩa là tôi để phông chữ ở dạng thông thường.

Sau khi bạn thêm xong, để sử dụng phông chữ cho thuộc tính class hoặc div trên trang web của mình, bạn chỉ cần thực hiện như sau:

.site-title { 
    font-family: "baomoi"; 
    }

Xem thêm: Cách chuyển trình soạn thảo WordPress 5.0 về phiên bản cũ rất đơn giản

Phương pháp 2: Sử dụng phông chữ bằng plugin WordPress

Cách này khá đơn giản nếu bạn là người chưa biết về code website. Bạn chỉ cần cài đặt plugin Use Any Font sau đó tiến hành thêm font baomoi mà thôi. Để cài đặt bạn tiến hành cài đặt Sử dụng bất kỳ plugin Phông chữ nào truy cập trang web.

Sau khi cài đặt và kích hoạt, bạn tiến hành Sử dụng Phông chữ Bất kỳ và sau đó tải lên phông chữ baomoi. Sau đó tiến hành đặt các vị trí cũng như các bộ phận mà bạn muốn.

Như vậy trên đây mình đã chia sẻ đến các bạn bộ font baomoi cũng như cách sử dụng nó rồi. Hi vọng bài viết này sẽ giúp ích cho bạn cũng như giúp bạn sử dụng font baomoi một cách nhanh chóng và hiệu quả. Chúc may mắn!

Xem thêm nhiều bài mới tại : Office
Leave A Reply

Your email address will not be published.