Modal close button is not showing after build

[gobinda168]

Versions

package	version
react	X.Y.Z
rsuite	X.Y.Z

What is the expected behavior?

In Modal header, close button icon is not showing after build but it was visible is localhost

What is the current behavior?

What are the steps to reproduce?

Any additional comments? (optional)

[simonguo]

Check if the HTML DOM element exists? If it exists, check if the font file corresponding to iconfont is loaded?

[gobinda168]

here is the screenshot of my build application [image: image.png] you can see that icons are missing.

…

On Tue, 14 Apr 2020 at 07:10, Simon Guo ***@***.***> wrote: Check if the HTML DOM element exists? If it exists, check if the font file corresponding to iconfont is loaded? — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#960 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AEKG2M72WYUBKEKCZJ5ECEDRMO5IVANCNFSM4MG77Z3Q> .

[gobinda168]

icons get disappeared after the build.

[simonguo]

You can try to deploy the font file locally.
https://rsuitejs.com/en/guide/themes

How to configure font files locally?

The icon font files used in rsuite are deployed in jsDelivr CDN,
If you want to deploy locally, you need to modify the path to the icon font:

@icon-font-path: './fonts';

In addition, you will also need to configure url-loader in webpack to load icon font files, webpack 4 configuration example:

{
  test: /\.(woff|woff2|eot|ttf|svg)($|\?)/,
  use: [
    {
      loader: 'url-loader',
      options: {
        limit: 1,
        size: 16,
        hash: 'sha512',
        digest: 'hex',
        name: '[hash].[ext]',
        publicPath: '/'
      }
    }
  ]
}

[SevenOutman]

Hi @gobinda168, I'm closing this issue as it seems to have been resolved. Feel free to re-open if it's actually not.