Updating Font Awesome

Hello,
I want to update Font Awesome package which exist inside ORO Platform 3.1, the current version is 4.7.0 and the latest version is 5.8.2.
Is there anyway I can update this package or somehow override it with latest version?

Regard,
Farid

Topic

[Valerii YustyniukParticipant]

Hello,
At current time development team does not know each cases witch might block you to use last version
on Font Awesome. We might propose some advice.

• Do not using Font Awesome 4 and 5 side-by-side on a project.
• For backward compatibility with v4 you might use v4-shims.css. It is allow you to keep your old version 4 icon names.
• In case using CSS pseudo elements and scss mixin fa-icon with version 4, upgrading to version 5 requires a fair amount of manual work.

Example with using CSS pseudo elements:

In Font Awesome version 4

CSS

.validation-tooltip:before { font-family: 'FontAwesome'; content: "\f06a"; }

1 2 3 4

.validation-tooltip:before {     font-family: 'FontAwesome';     content: "\f06a"; }

In Font Awesome version 5.8

CSS

.validation-tooltip:before { font-family: 'Font Awesome 5 Free'; content: "\f06a"; }

1 2 3 4

.validation-tooltip:before {     font-family: 'Font Awesome 5 Free';     content: "\f06a"; }

Example with using fa-icon:

In Font Awesome version 4

Sass

.icon { @include fa-icon($fa-var-minus-square-o, before, true) { vertical-align: bottom; } }

1 2 3 4 5

.icon {     @include fa-icon($fa-var-minus-square-o, before, true) {         vertical-align: bottom;     } }

In Font Awesome version 5.8
Should find new correct name in table https://fontawesome.com/how-to-use/on-the-web/setup/upgrading-from-version-4#name-changes

Sass

.icon { @include fa-icon($fa-var-minus-square, before, true) { vertical-align: bottom; } }

1 2 3 4 5

.icon {     @include fa-icon($fa-var-minus-square, before, true) {         vertical-align: bottom;     } }

You may find more information in official site.

[Author]

Replies