Cài đặt phông chữ UniHentaiKana để hiển thị được chữ Hentaigana (cho Website & Windows)

Dưới đây sẽ là những hướng dẫn (được đơn giản hóa) để cài đặt phông (font) chữ hỗ trợ hiển thị chữ Hentaigana cho Website và máy tính Windows của bạn.

Tải bộ phông chữ UniHentaiKana

Trong tập tin này, bao gồm:

• UniHentaiKana-Regular.otf
• UniHentaiKana-Regular.woff

Thêm phông chữ vào Website của bạn

Nhìn chung, cách cài đặt cho từng website chạy trên những nền tảng khác nhau sẽ có sự khác biệt. Tuy nhiên, nguyên tắc cơ bản vẫn là các bước như sau:

Bước 1: Thêm mã CSS

@font-face {
    font-family:HentaiKana;
    src: url('UniHentaiKana-Regular.woff') format('woff'); //Bạn sẽ cần chỉnh lại đường dẫn để trỏ đúng đén tập tin woff.
}Code language: CSS (css)

Ví dụ, ta có cấu trúc thư mục:

assets/
│
├── css/
│   └── main.css
│
└── fonts/
    └── UniHentaiKana/
        ├── UniHentaiKana-Regular.otf
        └── UniHentaiKana-Regular.woff
│
index.htmlCode language: plaintext (plaintext)

Thì trong tập tịn main.css, bạn sửa lại thành:

@font-face {
    font-family:HentaiKana;
    src: url('./../fonts/UniHentaiKana/UniHentaiKana-Regular.woff') format('woff'); //Bạn sẽ cần chỉnh lại đường dẫn để trỏ đúng đén tập tin woff.
}Code language: CSS (css)

Bước 2: Sử dụng phông chữ

//Ví dụ:

.has-hentaigana {
    font-family:serif, HentaiKana;
}

p {
    font-family:serif, HentaiKana;
}Code language: CSS (css)

Cài đặt cho Windows

Bạn thực hiện các bước sau:

Bước 1: Nhấn vào tập tin UniHentaiKana-Regular.otf, sau đó một cửa sổ sẽ hiện lên (Font Viewer).

Bước 2: Nhấn Install để tiến hành cài đặt phông chữ vào máy.