--- title: TailwindCSS Ignore Typography | daily.dev description: TailwindCSS has a typography plugin that can stylize content using the `.prose` class, but it also provides a way to override this styling by applying the... canonical: https://daily.dev/posts/tailwindcss-ignore-typography-nfiodltsl twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: TailwindCSS Ignore Typography | daily.dev og:description: TailwindCSS has a typography plugin that can stylize content using the `.prose` class, but it also provides a way to override this styling by applying the... og:url: https://daily.dev/posts/tailwindcss-ignore-typography-nfiodltsl og:image: https://api.daily.dev/og/posts/nFiODLTsL.png og:image:alt: TailwindCSS Ignore Typography og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # TailwindCSS Ignore Typography **[Community Picks](https://daily.dev/sources/community)** · 2 min read · 70 upvotes · 7 comments ## Summary TailwindCSS has a typography plugin that can stylize content using the `.prose` class, but it also provides a way to override this styling by applying the `.not-prose` class. More information about this feature can be found in the official PR of TailwindCSS Typography. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@friedrich** · 4 upvotes > I love tailwindCSS because it makes styling so easier. Although you get bloated html, it is a little price to pay. > Nice article btw 👍 **@http\_** · 2 upvotes > Tailwind CSS is designed to generate minimal CSS output by only including the styles that are actually being used on our site. It also helps keep our stylesheets lightweight and improves performance. I love Tailwind for this mostly. Nice article and thanks for sharing. --- Tags: [#tailwind-css](https://daily.dev/tags/tailwind-css), [#typography](https://daily.dev/tags/typography) [View this post on daily.dev](https://daily.dev/posts/tailwindcss-ignore-typography-nfiodltsl) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"TailwindCSS Ignore Typography","url":"https://daily.dev/posts/tailwindcss-ignore-typography-nfiodltsl","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/tailwindcss-ignore-typography-nfiodltsl"},"datePublished":"2024-05-17T07:31:46.701Z","dateModified":"2024-05-17T07:31:46.081Z","description":"TailwindCSS has a typography plugin that can stylize content using the `.prose` class, but it also provides a way to override this styling by applying the...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/7f523780efa7e454eea90ac99fbfb700?_a=AQAEuiZ","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/7f523780efa7e454eea90ac99fbfb700?_a=AQAEuiZ","isAccessibleForFree":true,"articleSection":"Community Picks","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Community Picks","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community","url":"https://daily.dev/sources/community"},"commentCount":7,"discussionUrl":"https://daily.dev/posts/tailwindcss-ignore-typography-nfiodltsl","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":70},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":7}],"keywords":"tailwind-css,typography","timeRequired":"PT2M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Community Picks","item":"https://daily.dev/sources/community"},{"@type":"ListItem","position":3,"name":"TailwindCSS Ignore Typography"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/tailwindcss-ignore-typography-nfiodltsl","comment":[{"@type":"Comment","text":"I love tailwindCSS because it makes styling so easier. Although you get bloated html, it is a little price to pay.\nNice article btw 👍","datePublished":"2024-05-17T10:39:29.088Z","url":"https://daily.dev/posts/nFiODLTsL#c-fjHquiwX9","author":{"@type":"Person","name":"Friedrich WT","url":"https://daily.dev/friedrich","image":"https://avatars.githubusercontent.com/u/136119888?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":4}},{"@type":"Comment","text":"Tailwind CSS is designed to generate minimal CSS output by only including the styles that are actually being used on our site. It also helps keep our stylesheets lightweight and improves performance. I love Tailwind for this mostly. Nice article and thanks for sharing.","datePublished":"2024-05-18T13:44:54.598Z","dateModified":"2024-05-18T13:45:30.776Z","url":"https://daily.dev/posts/nFiODLTsL#c-7fj0V6QI5","author":{"@type":"Person","name":"http","url":"https://daily.dev/http_","image":"https://media.daily.dev/image/upload/s--VDxO2Jh7--/f_auto/v1790947104/avatars/avatar_oLwdNhRhlJUSdl75G4qH2?_a=BAMAMicg0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}}]} ```