body font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS PGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
body font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
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.e., web-safe or web-font usage).
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.
| CSS weight | Hirakaku name | |------------|----------------| | 300 (light) | W2 or W3? (W2 is lighter) | | → | W3 ← your target | | 600 / 700 (bold) | W6 / W8 |
To explicitly request W3 (regular):
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:
@font-face font-family: 'HirakakuProW3'; src: local('HiraKakuProN-W3'); font-weight: 400;