Supongo que por iconos de “CSS puro” te refieres a algo construido a partir de un conjunto de elementos :before y / o :after que usan una combinación inteligente de bordes y sombras, o algo así. (Los Simpsons de CSS puro vienen a la mente: Los Simpsons en CSS)
Las limitaciones se centran principalmente en lo barroco y poco práctico que es escribir iconos en CSS. En general, los proyectos de CSS puro que ves son ejercicios similares a la construcción de una torre eiffel con fósforos: genial, pero increíblemente poco práctico (600 líneas para Bart! Pattle / simpsons-in-css). Además, los diferentes navegadores también representan cosas como box-shadow de forma ligeramente diferente, lo que podría hacer que algo parezca raro si depende de efectos CSS realmente ajustados que no sean bordes y fondos simples.
También está el problema del escalado. Si desea escalar un icono CSS, está atascado con las transformaciones CSS, que requieren números relativos (por ejemplo, transform: scale(2,3) ) en lugar de píxeles; sería una molestia en comparación con la simplicidad de un icono SVG fuente.
- ¿Por qué siempre hay 72 después de 48 en tamaño de fuente?
- He oído que leer con una fuente más grande hará que los ojos sean flojos, y los pequeños causarán tensión. ¿Qué es mejor para los ojos, una fuente más grande o una fuente más pequeña?
- ¿Es necesario usar la misma fuente decorativa en cada pieza de marketing para una marca consistente (excluyendo el logotipo)?
- ¿Cuáles son las mejores fuentes para un logotipo que debe ser ‘joven’, ‘moderno’, ‘simple’ y ‘obvio’?
- No tengo una letra estable. ¿Qué dice esto sobre mí?