Hirakakupro W3 Font -
@font-face font-family: 'HirakakuProW3'; src: local('HiraKakuProN-W3'); font-weight: 400;
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). hirakakupro w3 font
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+) |
body font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; This will automatically use and Meiryo on Windows
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:
To explicitly request W3 (regular):
| 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; | No (strict license) | | Modern replacement