Font Awesome icons no longer working when upgrading dash to 1.1.1 from 0.43.0

Dash Python
1

Was using dash 0.43.0 for a while building out an app, icons were working fine. Didnt change anything but upgrade lib and now nothing is showing.

CSS:

dash_app.css.append_css(
{‘external_url’: ‘https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css’})

Button icons:

dcc.Link(html.I(id=‘home-button’, n_clicks=0, className=‘fa fa-home’,
style={‘color’: ‘red’, ‘fontSize’: ‘3rem’, ‘paddingLeft’: ‘1%’}),
href=‘/pages/home’)

Any idea what’s going on?

2

NVM everyone - fixed with the following:

app.css.config.serve_locally = False

3

Yep, that’ll do it! But also there’s a dedicated way to do this - external_stylesheets, for example:

dash_app=Dash(..., external_stylesheets=[
    'https://codepen.io/chriddyp/pen/bWLwgP.css'
])

That’ll work without having to disable serve_locally.

1 Like
4

Ah the syntax changed… Great thanks!