Website Logo zeigt aderen Font an als es eigentlich ist?
Ich habe ein Logo in Photoshop als svg Datei mit dem font „Sofia“ erstellt. Als ich nun das Bild bzw. Logo in meinem HTML Code hinzugefügt habe, sah ich auf der Website das die Schrift Art nicht dieselbe ist, wie auf dem Bild. Wie kann das sein und wie löse ich das Problem?
3 Antworten
Hi sembam,
die Schriften die du verwendest für das Logo, müssen auch in die Seite eingebunden werden, damit das Logo mit gleicher Schrift angezeigt werden kann.
Eine bessere Lösung
Es ist besser die Textelemente im Logo als Pfade umzuwandeln. Lege dir am besten eine Kopie an mit und ohne Pfade, damit du später das Logo nachberarbeiten kannst.
Denn Pfade werden beim exportieren 1zu1 übernommen und sind unabhängig von Schriftdateien. Weitere Infos findest du unter: https://kulturbanause.de/blog/svg-grafiken-mit-photoshop-speichern-exportieren/
Meine Empfehlung: Die beste Lösung ist das Logo gleich im vorhinein in Adobe Illustrator zu erstellen, da dass Programm für Vektoren geschaffen wurde. Hier kannst du auch Texte umwandeln. Wenn du also die Möglichkeit hast Adobe Illustrator nutzen würde ich dir empfehlen dies zu bevorzugen.
Adobe Photoshop ist eigentlich ein pixelorientiertes Bildbearbeitungsprogramm, das aber die Möglichkeit bietet auch Vektoren zu erstellen. Leider sind die Einstellungsmöglichkeiten in Photoshop eingeschränkt und es gibt in Adobe Illustrator Komfortfunktionen zum erstellen von Vektoren. Ist ja schließlich ein Programm zu Erstellen von Vektoren.
Wenn du weitere Fragen hast, dann einfach in gf stellen: Ich hoffe das dir die Antworten weiterhelfen und wünsche dir sembam viel Erfolg!
Wenn der Schriftzug als Text in die SVG-Datei eingefügt wurde, muss die Schriftart im Browser verfügbar sein, um richtig angezeigt zu werden.
Du solltest den Text also in einen Pfad umwandeln, damit er überall richtig dargestellt wird. Ich bin aber kein Photoshop-Nutzer, weiß also nicht wie das damit geht.
im CSS-Bereich kann Dir weiterhelfen, bestimmte Schriftarten über Deinen Server mit anzubieten. Vgl. https://www.mediaevent.de/font-face-schrift-in-webseiten-laden/