Website schrift ändert sich nicht?

Font face wurde verwendet.

Ich hatte vorher eine andere Schriftart installiert und ausgewählt in der css datei .

nun zeigt mir die webseite noch immer die alte schrift an, sogar dann, wenn ich die schriftart aus dem ordner entferne oder in der css datei den namen umbenenne. (dann müsste es normalerweise die standard html schrift anzeigen)

2 Antworten

Vom Beitragsersteller als hilfreich ausgezeichnet

bormolino

28.07.2023, 21:05

Ohne Code kann man dazu nur Vermutungen anstellen.

Eventuell ist direkt in der Seite noch eine Font-Angabe welche deine überschriebt.

Außerdem kann es sein, dass deine CSS Datei separat liegt (z.B. im Ordner css) und nicht im Stammverzeichnis. Die Font-URL muss dann relativ zu dieser Datei und nicht zum Stammordner angegeben werden.

Woher ich das weiß:Studium / Ausbildung – B.Sc. Informatik mit FR Software Engineering

Gamer4214

Beitragsersteller

28.07.2023, 22:22

muss man die fonts bei webseiten immer erst installieren oder sollten die

auch ohne installation angezeigt werden?

bormolino

28.07.2023, 22:37

@Gamer4214

Was meinst du mit installieren?

Niklas

28.07.2023, 23:06

@Gamer4214

muss man die fonts bei webseiten immer erst installieren oder sollten die auch ohne installation angezeigt werden?

Generell stehen nur einige sogenannte Web Safe Fonts zur Verfügung, die ohne weiteres Zutun nutzbar sind.

Um andere Fonts zu verwenden, musst du die nötigen Dateien in deine Website einbinden. Das kannst du entweder machen, indem du einen bei einem CDN gehosteten Font benutzt oder die Font-Dateien auf deinen Webserver lädst und selber im Head-Bereich deines HTML-Markups referenzierst.

Falls du eine Quelle suchst, die dir beide Optionen ermöglicht und dazu noch gratis ist, bitteschön: https://fonts.google.com/

Gamer4214

Beitragsersteller

28.07.2023, 23:17

@Niklas

muss die schriftart installiert werden, um auf der webseite angezeigt zu werden , wenn ich eine custom font von google verwende?

Niklas

29.07.2023, 11:04

@Gamer4214

Noch mal: du musst nichts installieren. Du brauchst nur die Dateien einbinden und in deinem CSS die Schriftart referenzieren, in folgendem Beispiel für den Font "Roboto":

font-family: 'Roboto', sans-serif;

Wenn du nicht genau verstehst, was ich damit meine, beschäftige dich noch etwas mehr mit HTML.

Gamer4214

Beitragsersteller

29.07.2023, 11:28

@Niklas

ich habe sie so bereits eingebunden. alles klar. dann müsste es so klappen hm

SpezialAntwort

22.03.2024, 18:23

Als möglichen Aspekt werfe ich noch einmal das Browser-Cache-Problem in die Waagschale. Es könnte sein, dass Dein Browser bei Wiederaufruf den Seiteninhalt lediglich aus dem Cache zieht und nicht neu vom Server.

Ähnliche Beiträge

Ordnerstruktur bei HTML Webseiten für Fonts?

Hallo. Ich frage mich, wo ich meine Schriftarten (Fonts) in meinem HTML-Project unterbringen soll. Meine derzeitige Struktur sieht wie folgt aus:

Ordner

↳index.html

↳css
 ↳style.css

↳js
 ↳script.js

↳img
 ↳Alle meine Bilder

Wo soll ich die .tff- oder .otf-Dateien unterbringen? Wie macht ihr das? In etwa so:

↳fonts
 ↳Schriftart.tff

Oder wie ?

...zum Beitrag

Wie macht man das?

Wenn ich eine Webseite mit Dunklem und Hellem design machen will, muss ich 2 CSS Dateien machen

...zum Beitrag

In CCS Datei bestehenden Font durch TTF Font ersetzen?

Hallo zusammen.
Ich habe ein Problem. Auf einer Webseite muss ich die Schriftart ändern und weiss absolut nicht wie.

Die Website ist mit HTML und CSS Stylesheet programmiert.

Kann mir jemand helfen und zeigen, wie ich das Stylesheet so abändern kann, dass der TTF Font, der sich im selben Verzeichnis befindet wie die CSS Datei, als Schriftart auf der Webseite verwendet wird anstelle des bestehenden Webfonts.

Die Schriftart heisst: MuseoSans_100: https://www.georgyboy.ch/test/MuseoSans_100.ttf
Link zur CSS Datei:
https://www.georgyboy.ch/test/style.css
Link zur HTML Datei:
https://www.georgyboy.ch/test/index.html

Ganz herzlichen Dank für eure Hilfe.

...zum Beitrag

Wie kann man eine Webseite (HTML/CSS/JS) in WordPress einbinden (unverändert dort einsetzen)?

Kurze Frage,

Ich habe eine Webseite mit HTML/CSS und JS erstellt und möchte diese jetzt bei WordPress einfügen, damit andere, die keine Ahnung von HTML haben diese auch gut bearbeiten können. Funktioniert es vielleicht, einfach die Dateien die man hat hochzuladen? Ich beschäftige mich jetzt schon seit Tagen und komme nicht voran... Ich bin am verzweifeln. Ich würde mich über jede Hilfe freuen.

...zum Beitrag

HTML & CSS in .exe umwandeln?

Hallo,

ich habe eine ganz einfache Webseite mit HTML und CSS gebaut. Dort gibt es Buttons, die zu unterschiedlichen Webseiten führen. So eine Art Favoriten Liste wie in Browsern.

Diese Webseite möchte ich gerne in eine .exe umwandeln. Dann kann der Anwender über ein Desktop Icon dieses "Programm" öffnen. Wenn man dann auf einen Button klickt öffnet sich ganz normal eine externe Browser Webseite. Habe das schon mit .hta probiert, aber dann werden einige CSS Befehle nicht übernommen und die Buttons funktionieren nicht. Würde auch gerne eine Installation ausführen lassen, so dass man dann danach eine .exe. Datei hat.

Kenne mich nur mit HTML und CSS aus. Alles Andere kann ich nicht.

Danke :)

...zum Beitrag

html: wie button zentrieren und farbe ändern?

hallo, wie kann ich in html einen button, den ich wie folgt gemacht habe, zentrieren und die farbe ändern.

html:<a href="https://wakeuprecords.zohobookings.eu/#/wakeuprecords">
<button>Buche deine Session hier</button>
</a>
css:.button {
text-align: center;
}
button {
font-size: 20px;
background-color: yellow;
cursor: pointer;
color: green;
}

hab ich irgendwo einen fehler oder muss man das anders machen, den bei mir ändert sich gar nichts.

...zum Beitrag

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?

...zum Beitrag

Wie kann ich in HTML den Text im Rahmen die Schriftart ändern?

Hallo,

ich möchte in html von dem Text der im Rahmen ist, die Schriftart ändern.

Irgendwie klappt das nicht so.

@font-face {

font-family: "Germanica";

src: url("Schrift/germanica/Shadowed Germanica.ttf");

}

#id1 { margin-left: 170px;}

<div id="id1"><div align="center"><p style="font-family:Germanica"><p class="outset"><br><font size="7"><strong>Test </font></strong><br><br> <font size="5"><strong> Der Absatz </font></strong> <br><br></p></div>

...zum Beitrag

Wie versende ich eine selbst programmierte Website per Email?

Ich habe eine Website für ein Thema in der Schule programmiert. Jetzt möchte ich gerne diese Website (eigentlich die Datei) über Email an meinen Lehrer versenden. Leider gibt es jedes mal ein Problem dabei, unzwar wird die geschickte Website nicht so angezeigt, wie sie sollte. Es sieht bisschen so aus, als wäre der ganze CSS Code dadurch gelöscht wurden (man sieht nichts außer normaler Schrift, keine Bilder usw.). Ich habe auch schon probiert sie als Zip-Datei zu schicken, doch auch das hat nichts gebracht. Gibt es dafür eine Lösung? Ich könnte mir auch vorstellen, dass das Versenden über Email der Fehler ist, allerdings weiß ich leider nicht weiter.

Vielen Dank an jeden, der vielleicht eine Lösung hat :)

...zum Beitrag

Lokale HTML extern hosten?

Hallo, ich habe lokal eine html und dazugehörige css Datei.

Die html Datei wird alle paar Sekunden durch ein Programm verändert.

Nun würde ich diese gern als Webseite von außen erreichbar machen, jedoch unterstützt mein Router mit dem dazugehörigen LTE-Tarif keine Portweiterleitung, da er keine öffentliche IP hat.

Gibt es einen Provider mit dazugehörigem Tool, wo ich die Websiete quasi hosten kann und wobei dann die html mittels Tool vom PC aus alle paar Sekunden auf dem Webserver aktualisiert wird?

Danke im Voraus

...zum Beitrag

Wie kann ich mein HTML zu einer Webseite machen?

Hi,

ich habe mir ein paar HTML-Kenntnisse angeeignet und habe folgende Frage:

Einmal angenommen, ich habe jetzt eine geile Webseite mit HTML, CSS und JavaScript erstellt.

Wie mach ich das jetzt zu einer wirklich echten Seite? Klar ich brauche eine Domain. Aber wie erstelle ich eine oder (die eigentliche Frage): Wie verknüpfe ich jetzt diesen Ordner, in dem die Informationen wie Bilder, Videos und einzelne Dateien sind, mit dieser Webseite (clientbasiert)?

Und wenn ich das gemacht habe: Wie mache ich z.B. ein Update, weil ich z.B. etwas am Code verändert habe?

...zum Beitrag

CSS: Wie binde ich eine gedownloadete Schriftart ein?

Hey ich kenne nur den Befehl p {font-family: ....}

aber ich habe vergessen, wie man eine am Server liegende Schriftart verwendet - wo gibt man den Pfad zu der Schrift an? Bzw. wie?

Der relative Pfad wäre ../fonts/sans/datei.ttf

...zum Beitrag

Warum kann ich meinen HTML- Code nicht mit meinem Python- Code verbinden?

Hallo,

ich wollte meinen Python- Code mit meinem HTML- Code verbinden, damit, wenn mein Wake- Word "Luna" erkannt wurde, ein div in der Datei index.html seine Farbe ändert. Hier ist der Code:

Python:

from flask import Flask, render_template
from flask_socketio import SocketIO, emit

app = Flask(__name__)
app.config['SECRET_KEY'] = 'luna_secret1984773249523'
socketio = SocketIO(app)


@socketio.on('connect')
def handle_connect():
    emit('message', {'data': 'Connected'})


@socketio.on('start_listening')
def start_listening():
    if detect_wake_word():
        emit('color_change', {'color': 'red'})


@app.route('/')
def index():
    return render_template('output.html')

HTML /CSS:

... #color_div {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: green;
}    
</style>
</head>
<body>
<div id="color_div"></div>

JavaScript:

... // FLASK
        var socket = io();

        socket.on('connect', function() {
            socket.emit('start_listening');
        });

        socket.on('color_change', function(msg) {
            document.getElementById('color_div').style.backgroundColor = msg.color;
        });
</script>
</body>
</html>
    """
    with open("output.html", "w") as html_file:
        html_file.write(html_content)

    return "output.html"

Wenn ich den Code aber ausführe und "Luna" sage, ändert der Div nicht seine Farbe. Woran liegt das?

Freundliche Grüsse

...zum Beitrag

Wie kann man Untertitel bei einem Bootstrap Slider über das ganze Bild gehen lassen?

Hallo,

Da der Slider erst einmal den wichtigsten Satz zeigen soll, der eigentliche Text aber viel länger ist, würde ich gerne die Untertitel meines Bootstrap Sliders beim hovern über das ganze Bild gehen lassen...

--> Hinter den Untertiteln liegt ein roter, halbtransparenter, Balken und dieser sollte sich beim hovern über das ganze Bild ziehen und der ganze Text soll erscheinen.

hier der html-code:

<h5>Dies ist ein Beispielbild</h5>

<button type="button" class="btn btn-link">Mehr lesen</button>

</div>

-->den Button "mehr lesen" bräuchte ich dann nicht (außer ihr habt eine Idee wie man dies umsetzt)

--> den Balken habe ich in einem Bildbearbeitungsprogramm eingefügt, vielleicht weiß jemand ja auch noch wie ich den in html und css in den Slider einbauen kann :D

so sieht die css Datei jetzt noch aus:

.carousel-caption{

font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";

}

mehr habe ich da bis jetzt noch nicht drin stehen.

Da ich mich noch nicht so gut mit html, css und Bootstrap auskenne, bin ich für jede Hilfe dankbar :)

Vielen Dank schonmal im Vorraus!

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen