Color names in CSS font-family attribute being convered to HEX code only on generate #6306
Comments
ghost
added
the
|
Can't reproduce it with UPDATE Yes, it's an issue with the minification. https://github.com/kangax/html-minifier/ replaces the color when minifying CSS. To avoid this, set {
collapseBooleanAttributes: true,
decodeEntities: true,
minifyCSS: false, // This is not the default
minifyJS: true,
processConditionalComments: true,
removeEmptyAttributes: true,
removeRedundantAttributes: true,
trimCustomFragments: true,
useShortDoctype: true
}UPDATE 2 Interestingly, the underlying repo example works well with font families in singlequotes but not without quotes. The following code does work on the test page (but still not via <html>
<head>
<style>
.container {
margin: 0 auto;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.title {
font-family: 'Archivo Black', 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
display: block;
font-weight: 300;
font-size: 100px;
color: #35495e;
letter-spacing: 1px;
}
</style>
</head>
<body>
<h1 class="title"> Foo </h1>
</body>
</html>UPDATE 3
|
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Version
v2.9.1
Reproduction link
https://clever-franklin-bb11e3.netlify.com/
Steps to reproduce
font-familyattribute on the .title element with "Archivo Black"What is expected ?
The font-family for the .title style should be 'Archivo Black'
What is actually happening?
The value is actually reading 'Archivo #000'
Additional comments?
This error was brought up before here:
#5778
But it was closed because the issue couldn't be replicated.
I've provided a github repo with only the above steps replicated:
https://github.com/stevecomrie/nuxtjs-font-replacement-bug
And to eliminate any chance of the issue being with build modules being out of date on my development machine, I've also used Netlify to automate the deployment of that github repo:
https://clever-franklin-bb11e3.netlify.com
The issue does not occur when running a local development server -- only when generating the site for production.
The text was updated successfully, but these errors were encountered: