如何使日文字体（Ipaex gothic / mincho）加粗？

Question

I've installed the IPAex Gothic and IPAex Mincho fonts and can display Japanese characters. I'm trying to display some Japanese characters in bold.

Now I want to display some of those characters in bold, but I'm failing at that.

I've tried several options with no success:

    <span style="font-size: 26px; font-family: IPAexGothic, IPAexMincho; font-weight:800;">
    日本
    </span>
  
    <span style="font-size: 26px; font-family: IPAexGothic, IPAexMincho; font-weight:bold;">
    日本
    </span>

    <span style="font-size: 26px; font-family: IPAexGothic, IPAexMincho;">
    <strong>日本</strong>
    </span>

Any idea on how to get those Japanese characters displayed in bold?

Answer 1

If the font does not have any bold variant, you can't make it bold .

But... you can fake a bold font (if that's what you need to do, it's not a clean approach). Some things to play around with are borders and text-shadow, for example:

.outlined { color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000 };

Answer 2

I've installed the IPAex Gothic and IPAex Mincho fonts and can display Japanese characters. I'm trying to display some Japanese characters in bold.

Now I want to display some of those characters in bold, but I'm failing at that.

I've tried several options with no success:

    <span style="font-size: 26px; font-family: IPAexGothic, IPAexMincho; font-weight:800;">
    日本
    </span>
  
    <span style="font-size: 26px; font-family: IPAexGothic, IPAexMincho; font-weight:bold;">
    日本
    </span>

    <span style="font-size: 26px; font-family: IPAexGothic, IPAexMincho;">
    <strong>日本</strong>
    </span>

Any idea on how to get those Japanese characters displayed in bold?