loading

Trung tâm Kiến thức AppTeng

Tạo và xuất bản ứng dụng di động iOS Apple Store và Android CH Play - Các nền tảng phần mềm ứng dụng cho Giáo dục, Y tế, Kinh doanh, Nhà hàng, Quản trị, Kết nối...

Làm thế nào để thêm Font chữ mới vào ứng dụng ?

Tham khảo thêm: Làm thế nào để thay đổi kích thước Font chữ trong ứng dụng ?

Để thêm Font chữ mới vào ứng dụng, đi tới TAB Màu sắc, kéo xuống dưới và mở Tuỳ chỉnh nâng cao CSS.

Truy cập thư viện Font chữ của Google TẠI ĐÂY và chọn Font chữ bạn muốn nhập và sử dụng trong ứng dụng.

Các bước lấy Font chữ từ Google:

Sau khi truy cập Google Font, chọn Font chữ bạn thích:

 

Click Chọn Font chữ này như hình ảnh dưới đây:

 

Sao chép đường dẫn Font chữ:

Tiếp theo Nhập và Sử dụng Font chữ

Bước 1: Nhập Font chữ vào ứng dụng:

Sử dụng hàm  @import  để nhập Font chữ mới.

Ví dụ:

@import url('https://fonts.googleapis.com/css?family=Markazi+Text'); 

Trong ví dụ trên, chúng tôi đã nhập vào Font chữ   Markazi+Text

Bước 2: Sử dụng Font chữ trong ứng dụng:

Sau khi đã nhập Font chữ, bạn cần thiết lập như sau để sử dụng Font chữ đã nhập trong ứng dụng:

Nhập đoạn code sau trong phần Tuỳ chỉnh nâng cao CSS tại TAB Màu sắc:

 

.view { 
    * { 
        font-family: 'Markazi+Text' !important; 
    } 
}

 

Lưu lại.

Hãy theo dõi sự thay đổi Trước - Sau khi nhập và sử dụng Font chữ:

 

Hướng dẫn trên đây sẽ áp dụng cho toàn bộ các Module trong ứng dụng. Bạn cũng có thể chỉ định Font chữ cho Module cụ thể bằng cách sử dụng đoạn code sau:

Ví dụ với Module Thư mục V2

 

.module-folder2 {
  font-family: 'Ewert' !important; 
}

 

Bạn có thể áp dụng với Module khác, thay đổi tên Module bằng Tiếng Anh.

Lưu ý: Mã code CSS trên chỉ hỗ trợ thay đổi cho các Menu chính.

Nếu bạn muốn việc thay đổi Font chữ áp dụng cho toàn bộ các nội dung Module trong ứng dụng, hãy sử dụng mã CSS dưới đây:

 

@import url ('https://fonts.googleapis.com/css?family=Roboto');
* {
    font-family: 'Roboto', sans-serif !important;
}

Thay đổi tên Font cho phù hợp với mong muốn của bạn.

Bạn đã hoàn tất.

 

 

 

 

Bạn cần AppTeng hỗ trợ điều gì ?

AppTeng - nền tảng Tạo và Quản trị ứng dụng di động - Không cần kỹ năng lập trình.

Các bước Tạo ứng dụng

Hướng dẫn chi tiết từng bước Tạo ứng dụng di động Android CH-Play và iOS Apple Store.
Xem chi tiết

Thiết lập Module

Hướng dẫn chi tiết cách thiết lập, tuỳ chỉnh các Module trong ứng dụng di động của bạn.
Xem chi tiết

Diễn đàn

Diễn đàn hỗ trợ, chia sẻ kiến thức và kinh nghiệm trên nền tảng AppTeng.
Xem chi tiết

Xuất bản ứng dụng

Hướng dẫn chi tiết cách xuất bản ứng dụng di động trên nền tảng AppTeng.
Xem chi tiết

Liên kết AppTeng

AppTeng - nền tảng tạo ứng dụng di động phổ biến nhất Việt Nam.

Nhận tin tức