Comments (2)
@dinariox thanks a lot for reporting this. Actually you're already on the correct track – it's WebKit not being able to either load, or process the fonts under specific circumstances and that for the underlaying glyphs would get displayed (on other websites that use icon fonts, these might even be abstract rectangles), comparable (not visually, but conceptually) to what you would get in case of images that wouldn't be possible to get loaded (displaying broken images instead).
Unfortunately I'm not aware of any solution for this, not just as it only occurs occasionally, but as well only on WebKit, but also I don't see any possibility to detect this problem and interfere in these cases. The only other possibility would be to insert the icons into the source code directly, but that actually bloats the DOM with unnecessary elements on the other hand.
from core.
@mfranzke thank you for the reply. Good to hear that it's really a Safari-only problem which is technically not allowed to use at DB so it isn't that big of an issue. It's a bummer that there's no easy fix but good to know that you're aware!
from core.
Related Issues (20)
- test(a11y): focus outline being cut off on dropdown and overflow-menu components within docs
- test(a11y): language switcher neither accessible via screenreader nor by keyboard
- test(a11y): insufficient contrast on colored notifications
- test(a11y): Changing the header components order
- test(a11y): incorrect focus outline on brand component
- Input: Label text not being displayed if a `placeholder` is set
- Fug: is code red or black? HOT 3
- docs: Broken Confluence links
- Table: zebra `backdrop-filter` leads to incorrect display of an `overflow-menu` included in that table
- chore: update `actions/upload-artifact` and `actions/download-artifact`
- chore: update `actions/github-script`
- Provide non-latin fonts
- Input: add counter on `maxlength`
- ARIA role "tab" not allowed for label element HOT 3
- Provide possibility to overwrite the "break"point HOT 1
- Radio & Checkbox: non-interactive white-space in between label and form element
- Button: differentiate on inline and block-level
- docs: `warning` and `informative` feedback colors missing
- Update icon library
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from core.