[Fabric Core](https://github.com/OfficeDev/office-ui-fabric-core) is a collection of CSS classes and Sass mixins that give you access to the colors, animations, fonts, icons and grid of the Fluent Design Language. ### Who should use Fabric Core Fabric Core is primarily meant for non-React applications or static pages. If you're using Fluent UI React, you may not need Fabric Core. Most of the styles from Fabric Core are also available via CSS-in-JS styling, which is the recommended styling approach with Fluent UI React. ### Adding Fabric Core to your site To add the latest version of Fabric Core to your site, link to this CSS file in the `` of your webpage. (For the MDL2 styles used in Fabric 6, replace `11.0.0` with `9.6.1` in the `href`.) ```html ``` Fabric Core is also available [via npm](https://www.npmjs.com/package/office-ui-fabric-core) as `office-ui-fabric-core`, or you can [download a copy](https://github.com/OfficeDev/office-ui-fabric-core/releases) to include in your project. ### Using Fabric Core class names To use the styles, add the `ms-Fabric` class to a containing element, such as ``, to set the `font-family` for all Fabric Core typography classes used within that element. Then apply the Fabric Core styles directly to your HTML elements. ```html Big blue text ```