python-visualization / python-visualization/folium
Font Awesome Brand Icons do not work
Nadie ha tomado este issue todavía.
- Lenguaje dominante
- Python
- Estrellas
- 7.4k
- Forks
- 2.3k
- Merge medio
- 17 h 22 min
- PR fusionados (30 d)
- 11
Descripción
Describe the bug
Brand icons from font-awesome do not render correctly.
To Reproduce
from flask import Flask, render_template_string
import folium
app = Flask(__name__)
@app.route("/")
def fullscreen():
"""Simple example of a fullscreen map."""
m = folium.Map(location=[41, -71], zoom_start=4)
folium.Marker(location=[41, -72],
icon=folium.Icon(prefix='fa', icon='fa-heart')).add_to(m)
folium.Marker(location=[41, -75],
icon=folium.Icon(prefix='fa', icon='fa-bluetooth')).add_to(m)
return m.get_root().render()
if __name__ == "__main__":
app.run(debug=True)
Expected behavior
All icons to render correctly
Environment (please complete the following information):
- Browser: Firefox 140.15.0esr and Chromium 152.0.7977.64
- Jupyter Notebook or html files? Flask
- Python version:
sys.version_info(major=3, minor=13, micro=5, releaselevel='final', serial=0) - folium version:
0.19.5+dfsg - branca version:
0.8.1
Additional context
It seems that the appropriate web font is not loaded. If I go to Web Developer Tools -> Inspector -> Fonts -> All Fonts on Page only https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/webfonts/fa-solid-900.woff2 is loaded and I believe the glyph for bluetooth is in https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/webfonts/fa-brands-400.woff2 so it isn't rendered correctly.
Screenshots
folium is maintained by volunteers. Can you help making a fix for this issue? Probably not
Guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Línea de trabajo
Comienza ejecutando la reproducción de Flask del issue e inspeccionando el HTML generado y las fuentes web de Font Awesome cargadas en Firefox o Chromium. Sigue cómo folium.Icon gestiona el prefijo fa y compara el icono sólido heart con el icono de marca bluetooth. Se considera terminado cuando ambos marcadores se renderizan correctamente y una comprobación de regresión cubre los iconos de marca.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- css, javascript, python
- Área
- data-visualization, frontend
- Tipo de issue
- Error
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Estado de actividad
- Activo
- Claridad
- Bastante claro
- Aptitud para principiantes
- 67/100