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.html
Code 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).
![](https://i0.wp.com/www.phanxuanchanh.online/wp-content/uploads/2024/07/2aa517e48914ea2bc84b4998c6b985b8.png?resize=790%2C521&ssl=1)
Bước 2: Nhấn Install để tiến hành cài đặt phông chữ vào máy.