If you need to a specific PostScript name for advanced W3C CSS Fonts Module Level 3/4 (e.g., using @font-face with local()), you can do:
| CSS weight | Hirakaku name | |------------|----------------| | 300 (light) | W2 or W3? (W2 is lighter) | | → | W3 ← your target | | 600 / 700 (bold) | W6 / W8 |
body font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS PGothic", "Helvetica Neue", Helvetica, Arial, sans-serif; hirakakupro w3 font
To explicitly request W3 (regular):
But this is rarely necessary. Use the system font stack approach unless you are certain the user is on an Apple device with that font installed. If you need to a specific PostScript name
It seems you're looking for a (i.e., web-safe or web-font usage).
This will automatically use and Meiryo on Windows . 6. Summary table | Aspect | Details | |--------|---------| | Font name (CSS safe) | "Hiragino Kaku Gothic ProN" , "Hiragino Kaku Gothic Pro" | | Weight for W3 | font-weight: 400; | | License | Proprietary, pre-installed on Apple devices | | Can self-host? | No (strict license) | | Modern replacement | system-ui or "Hiragino Sans" (macOS 10.11+) | It seems you're looking for a (i
@font-face font-family: 'HirakakuProW3'; src: local('HiraKakuProN-W3'); font-weight: 400;
body font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
If you need to a specific PostScript name for advanced W3C CSS Fonts Module Level 3/4 (e.g., using @font-face with local()), you can do:
| CSS weight | Hirakaku name | |------------|----------------| | 300 (light) | W2 or W3? (W2 is lighter) | | → | W3 ← your target | | 600 / 700 (bold) | W6 / W8 |
body font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS PGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
To explicitly request W3 (regular):
But this is rarely necessary. Use the system font stack approach unless you are certain the user is on an Apple device with that font installed.
It seems you're looking for a (i.e., web-safe or web-font usage).
This will automatically use and Meiryo on Windows . 6. Summary table | Aspect | Details | |--------|---------| | Font name (CSS safe) | "Hiragino Kaku Gothic ProN" , "Hiragino Kaku Gothic Pro" | | Weight for W3 | font-weight: 400; | | License | Proprietary, pre-installed on Apple devices | | Can self-host? | No (strict license) | | Modern replacement | system-ui or "Hiragino Sans" (macOS 10.11+) |
@font-face font-family: 'HirakakuProW3'; src: local('HiraKakuProN-W3'); font-weight: 400;
body font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;