Skip to content

possibly extraneous base64 enocded font fallback #148

@konsumer

Description

@konsumer

I am using webpack, like this:

{
module: {
    loaders: [
      { test: /\.less$/, loader: "style-loader!css-loader!less-loader" }
    ]
  }
}

and

@import (less)"~material-ui/src/less/BLAH";

When I build with the fonticons included I get this error:

ERROR in ./~/material-ui/src/less/material-design-fonticons/fonts/mdfonticon.eot

I fixed it with this:

{
module: {
    loaders: [
      { test: /\.less$/, loader: "style-loader!css-loader!less-loader" },
      { test: /\.(ttf|eot|png|jpg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=8192" }
    ]
  }
}

which will load it by base64 or url if it's larger than 8K.

I notice there is a base64 override after it, in the LESS. Do we both of these?

Metadata

Metadata

Assignees

No one assigned

    Labels

    scope: stylesSpecific to @mui/styles. Legacy package, @material-ui/styled-engine is taking over in v5.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions