Error when using viettnamese language in latest version

[dungdao191299]

Hi, i using mazer template for my project. My UI using Vietnamese language . When i update to mazer latest version, it is bad to display vietnamese language. Can anyone fix that?
Sorry for my bad english.
This is my old display:

And this is my display after update:

[Alfian]

Is your project using a custom font or automatic translation?

[dungdao191299]

Is your project using a custom font or automatic translation?

I am using default font (template in zip download release). That is my original web and not translation.

[Alfian]

Can you provide to me what font is used in your project?

[dungdao191299]

Can you provide to me what font is used in your project?

As far as i know that is Nunito font.

Is that default font in mazer template?

[Alfian]

am using default font (template in zip download release)

Yes, the default font of Mazer is Nunito. But wait, did you type the words in Vietnamese? Lemme know furthermore.

[dungdao191299]

am using default font (template in zip download release)

Yes, the default font of Mazer is Nunito. But wait, did you type the words in Vietnamese? Lemme know furthermore.

yes, i type vietnamese direcly to html.
i check in old version(2.0), it is have more nunito vietnamese font:

in latest version, have only latin nunito font:

is that problem i am face?

[Alfian]

yes, i type vietnamese direcly to html.

i check in old version(2.0), it is have more nunito vietnamese font in latest version, have only latin nunito font

is that problem i am face?

As you can see in old _fonts.scss, the fonts were included with @import directive, rather than being included directly as in the new of _fonts.scss.

Therefore, if you want to keep it up the Vietnamese fonts, you can do the following steps:

• First of all, clone Mazer repository;
• Next, install its dependencies with yarn install;
• Once the deps installed, on src/assets/scss/_fonts.scss, change the codes just like on the old of _fonts.scss;
• After that, you can re-build the assets of Mazer with npm run build command;
• Finally, open up the builded assets on dist/assets folder. The dist/assets folder contains same as on the zip release file. You can therefore put it on your own project.
• And here we go, your Vietnamese font is going to work properly.

If the issue still persists, please let me know~~

Screenshots

_fonts.scss

Before-after

[dungdao191299]

yes, i type vietnamese direcly to html.
i check in old version(2.0), it is have more nunito vietnamese font in latest version, have only latin nunito font
is that problem i am face?

As you can see in old _fonts.scss, the fonts were included with @import directive, rather than being included directly as in the new of _fonts.scss.

Therefore, if you want to keep it up the Vietnamese fonts, you can do the following steps:

• First of all, clone Mazer repository;
• Next, install its dependencies with yarn install;
• Once the deps installed, on src/assets/scss/_fonts.scss, change the codes just like on the old of _fonts.scss;
• After that, you can re-build the assets of Mazer with npm run build command;
• Finally, open up the builded assets on dist/assets folder. The dist/assets folder contains same as on the zip release file. You can therefore put it on your own project.
• And here we go, your Vietnamese font is going to work properly.

If the issue still persists, please let me know~~

Screenshots

_fonts.scss

Before-after

hi, thank your solution. To be honest, i am newbie in front-end program so i still learning. My level only use vanila js and html , css. I tried your instructions but it still doesn't complete. Can you send me your assets after re-build. I promise i will learn nodejs well after that

[dungdao191299]

yes, i type vietnamese direcly to html.
i check in old version(2.0), it is have more nunito vietnamese font in latest version, have only latin nunito font
is that problem i am face?

As you can see in old _fonts.scss, the fonts were included with @import directive, rather than being included directly as in the new of _fonts.scss.

Therefore, if you want to keep it up the Vietnamese fonts, you can do the following steps:

• First of all, clone Mazer repository;
• Next, install its dependencies with yarn install;
• Once the deps installed, on src/assets/scss/_fonts.scss, change the codes just like on the old of _fonts.scss;
• After that, you can re-build the assets of Mazer with npm run build command;
• Finally, open up the builded assets on dist/assets folder. The dist/assets folder contains same as on the zip release file. You can therefore put it on your own project.
• And here we go, your Vietnamese font is going to work properly.

If the issue still persists, please let me know~~

Screenshots

_fonts.scss

Before-after

it working, thank you so much