bulma/docs/_posts/2018-01-18-bulma-supports-font-awesome-5.md

25 lines
1.0 KiB
Markdown
Raw Normal View History

2018-01-18 16:59:05 +00:00
---
title: "Bulma supports Font Awesome 5"
layout: post
introduction: "No change required!"
color: "info"
name: "Font Awesome 5"
2018-04-09 20:16:50 +00:00
icon: "font-awesome"
2018-01-18 16:59:05 +00:00
icon_brand: true
---
Bulma is **icon library agnostic**: this means that you can use _any_ icon font library (like Font Awesome 4 or 5, Material Design Icons, Open Iconic, Ionicons…) with Bulma's `icon` class.
As a result, **Bulma already supports Font Awesome 5**! 😃
Since the `icon` element is simply a **container** for any icon font *allowing the layout to reserve a spot for the icon while it loads), it supports any size of Font Awesome 4 and 5.
For the sake of being in sync with Bulma users, I've recently updated the website to actually use Font Awesome 5! The process of **migrating** from Font Awesome 4 to 5 is straightforward. You simply need to:
2018-01-18 16:59:05 +00:00
1. include Font Awesome 5 instead, [using the script tag](https://fontawesome.com/get-started)
2. replace `fa` classes with their `fas` and `fab` equivalents
That's it!
Check out the [icon documentation](/documentation/elements/icon/).