Add text-rendering property
npm install tailwindcss-text-renderingA Tailwind CSS plugin that helps you create utility classes for using the text-rendering CSS property.
Install it in a new or existing Tailwind CSS project
``bash`
npm install --save-dev tailwindcss-text-rendering
Then add the plugin to your tailwind.config.js file:
`javascript`
module.exports = {
theme: {
// ...
},
plugins: [
require("tailwindcss-text-rendering"),
// ...
],
};
You can use it in your markup like this:
` auto text optimizeSpeed text optimizeLegibility text geometricPrecision texthtml`
The plugin generates these utility classes:
`css
.rendering-auto: {
text-rendering: auto;
}
.rendering-speed: {
text-rendering: optimizeSpeed;
}
.rendering-legibility: {
text-rendering: optimizeLegibility;
}
.rendering-precision: {
text-rendering: geometricPrecision;
}
``