API JavaScript miễn phí để Tải, Phân tích & Hiển thị Google Fonts

Bắt đầu với Fontra

Cách khuyến nghị để cài đặt Fontra là sử dụng npm. Vui lòng sử dụng lệnh sau để thêm phụ thuộc maven vào dự án của bạn.

npm install @fredli74/typr --save-dev

pip install --upgrade pip
pip install -r requirements.txt
pip install -e 

Tải và Quản lý Phông chữ trong Node.js

Tải phông chữ một cách động là một trong những chức năng cốt lõi của Fontra. API mã nguồn mở của Fontra giúp các nhà phát triển phần mềm dễ dàng tải các loại phông chữ khác nhau và thực hiện các thao tác đa dạng trong các ứng dụng JavaScript. Cơ chế tải phông chữ của API đảm bảo việc tải phông chữ hiệu quả và tối ưu, giảm nguy cơ lỗi liên quan đến phông chữ và cải thiện hiệu suất tổng thể. Fontra cung cấp các công cụ mạnh mẽ để quản lý phông chữ, bao gồm các phương thức kiểm tra xem phông chữ đã được tải chưa, gỡ bỏ phông chữ, và liệt kê tất cả các phông chữ đã tải. Dưới đây là một ví dụ đơn giản cho thấy cách tải phông chữ trong ứng dụng web.

import { loadFont } from 'fontra';

loadFont('Roboto').then(() => {
    console.log('Roboto font has been loaded successfully');
}).catch(error => {
    console.error('Failed to load Roboto font', error);
});

Thao tác Phông chữ & Tối ưu hoá Hiệu suất

Fontra cho phép các nhà phát triển phần mềm tải và thao tác phông chữ bằng cách điều chỉnh các thuộc tính như độ dày, kiểu dáng và biến thể. Tính linh hoạt này đảm bảo rằng phông chữ có thể được tùy chỉnh để phù hợp với yêu cầu thiết kế của ứng dụng. Bằng cách quản lý phông chữ một cách lập trình, Fontra giúp tối ưu hiệu suất web. Các nhà phát triển có thể tải phông chữ một cách có điều kiện dựa trên tương tác của người dùng hoặc các tiêu chí khác, đảm bảo tài nguyên được sử dụng hiệu quả. Ví dụ dưới đây cho thấy cách các nhà phát triển phần mềm có thể tải phông chữ và áp dụng các loại thuộc tính khác nhau trong các ứng dụng JS.

import { loadFont, applyFontProperties } from 'fontra';

// Load a font and apply properties
loadFont('Open Sans').then(() => {
    applyFontProperties('Open Sans', {
        weight: 700,
        style: 'italic'
    });
    console.log('Open Sans with properties has been applied');
});

Khám phá và Tìm kiếm Phông chữ trong Ứng dụng Web

API mã nguồn mở của Fontra cung cấp hỗ trợ đầy đủ cho việc tìm kiếm phông chữ trong các ứng dụng JavaScript. API rất dễ sử dụng và cung cấp khả năng tìm kiếm phông chữ dựa trên nhiều tiêu chí như kiểu dáng, độ dày và phân loại. Điều này đặc biệt hữu ích khi các nhà phát triển muốn khám phá các tùy chọn phông chữ một cách lập trình hoặc xây dựng công cụ chọn phông chữ trong ứng dụng web của họ. Đoạn mã dưới đây minh họa một tìm kiếm đơn giản cho các phông chữ có tên họ 'Roboto'. Đối tượng trả về chứa siêu dữ liệu, bao gồm các kiểu dáng, độ dày và URL tải xuống có sẵn.

const fonts = fontra.searchFonts({ family: 'Roboto' });
console.log(fonts);

Hỗ trợ Truy cập Siêu dữ liệu Phông chữ

API Fontra cho phép các nhà phát triển phần mềm truy cập siêu dữ liệu phông chữ chi tiết, chẳng hạn như tên họ, danh mục, các tập con có sẵn và hơn thế nữa trong các ứng dụng web của họ. Tính năng này rất quan trọng đối với các nhà phát triển cần đưa ra quyết định sáng suốt về lựa chọn phông chữ dựa trên các đặc điểm như hỗ trợ ngôn ngữ hoặc đa dạng kiểu dáng. Đoạn mã này truy xuất thông tin chi tiết về phông chữ 'Roboto', bao gồm các biến thể có sẵn và các tập con được hỗ trợ.

const fontDetails = fontra.getFont('Roboto');
console.log(fontDetails);