Hi,
Falls sich jemand wundert: Dieser Thread war ursprünglich zum Thema "Umsetzungswege für fontawesome". Da eh keine Antworten gegeben wurden, habe ich Thread und Titel umgearbeitet, weil sich meine Fragestellung verändert hat und hoffe, dass mir jemand dazu etwas sagen kann.
Das ist der Code zu den Side Buttons: https://codepen.io/AnSophie/pen/GRovPMz
In meiner lokalen Datei sind die icons über die Datei "all.css" und den Ordner "Webfonts" (download von der fontawesome website) eingebunden.
Ersatz auf Codepen über den link cloudflare.
Den Code habe ich in visual studio code bearbeitet und über safari im live preview getestet - dort war alles so wie gewünscht, beim Test in Chrome leider nicht: side buttons zu weit eingezogen oder wie im codepen zu sehen zu weit draußen.
1) Wie kommt diese unterschiedliche Darstellung zustande, liegt das an der all.css oder ist das margin falsch eingestellt? wo muss nachjustiert werden, damit es in jedem browser gleich ist?
2) Ist es möglich, die Größe der Icons und der Schrift unabhängig voneinander zu bestimmen? Wenn ja, wie?
Habe zunächst probiert "fa-2x" zu ergänzen, wenn ich aber dann die Schriftgröße separat bestimmen will, verschwindet der button komplett oder fa-2x wird durch die zweite Schriftgröße überschrieben.
bitte um Hinweise.
lg
Falls sich jemand wundert: Dieser Thread war ursprünglich zum Thema "Umsetzungswege für fontawesome". Da eh keine Antworten gegeben wurden, habe ich Thread und Titel umgearbeitet, weil sich meine Fragestellung verändert hat und hoffe, dass mir jemand dazu etwas sagen kann.
Das ist der Code zu den Side Buttons: https://codepen.io/AnSophie/pen/GRovPMz
In meiner lokalen Datei sind die icons über die Datei "all.css" und den Ordner "Webfonts" (download von der fontawesome website) eingebunden.
Ersatz auf Codepen über den link cloudflare.
Den Code habe ich in visual studio code bearbeitet und über safari im live preview getestet - dort war alles so wie gewünscht, beim Test in Chrome leider nicht: side buttons zu weit eingezogen oder wie im codepen zu sehen zu weit draußen.
1) Wie kommt diese unterschiedliche Darstellung zustande, liegt das an der all.css oder ist das margin falsch eingestellt? wo muss nachjustiert werden, damit es in jedem browser gleich ist?
2) Ist es möglich, die Größe der Icons und der Schrift unabhängig voneinander zu bestimmen? Wenn ja, wie?
Habe zunächst probiert "fa-2x" zu ergänzen, wenn ich aber dann die Schriftgröße separat bestimmen will, verschwindet der button komplett oder fa-2x wird durch die zweite Schriftgröße überschrieben.
bitte um Hinweise.
lg
Zuletzt bearbeitet: