Probleem Font

Starohosting

Beste leden,

Ik ben druk bezig met het bouwen van mijn website, enkel stuit ik nu op een klein probleempje.
Mijn font die ik gebruik doet het via een .html of .php op mijn computer wel.
Als ik hem upload naar men webserver dan doet hij het niet!

Voor de font gebruik ik:

PHP

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One|Archivo+Narrow|Oswald:400,700' rel='stylesheet' type='text/css'>

En die roep ik dan weer aan via css.
Door Oswald als font-family aan te geven.

Hoe kan ik dit oplossen??

WHMCSAddons

Hoe roep je de font aan in je CSS, want waarschijnlijk heb je de font op je pc geïnstalleerd en ziet hij hem daarom wel.

Starohosting

Bijvoorbeeld voor mijn menu:

PHP

#access .menu {
	list-style: none;
	font-weight: normal;
	position: relative;
	float: right;
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	width: 700px;
	margin-top: 0px;
	background: url(../images/menu-divedar.png) no-repeat right bottom;
}

Toon Meer

WHMCSAddons

Heb je ook de 2 links van Google boven je normale CSS code staan, aangezien die eerst geroepen moeten worden en daarna pas je eigen CSS code.

Anders een link met voorbeeld zodat we het kunnen zien ?

Starohosting

Linkje: https://starohosting.nl/website/

M.Beers

Mijn browser geeft aan dat het bestand dat je wilt aanroepen wordt geblokkeerd.
Ik zou de @import functie proberen in je CSS bestand...

Code

[blocked] The page at https://starohosting.nl/website/ ran insecure content from http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700.
 starohosting.nl/:1
[blocked] The page at https://starohosting.nl/website/ ran insecure content from http://fonts.googleapis.com/css?family=Fjalla+One|Archivo+Narrow|Oswald:400,700.
 starohosting.nl/:1
[blocked] The page at https://starohosting.nl/website/ ran insecure content from http://fonts.googleapis.com/css?family=Ubuntu+Condensed&subset=latin,cyrillic,latin-ext.

Edit Ik zie net dat je een https server gebruikt dus ik denk dat http:// vervangen voor https:// genoeg is bij je links

Starohosting

Dat heeft wmdiesten mij ook uitgelegd en heb ik gedaan, alleen werkt t nog steeds niet

M.Beers

Code

<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Fjalla+One|Archivo+Narrow|Oswald:400,700' rel='stylesheet' type='text/css'>

ook niet?

Starohosting

Jawel het is gelukt,
Hartelijk bedankt M.Beers

Oplossing:
https: protocol gebruiken als je een ssl certificaat gebruikt!

Thisguyisgone

Ipv https of http kan je ook gewoon :// gebruiken

ICTscripters

Dé plek voor IT

Dé plek voor IT

Het oorspronkelijke Criminals Script

StraatBaas is back, maar hoe?!

RPG game gebouwd met AI

Het Grote Vibe Code Topic

PWYL source gezocht

Ictscripters Chat

Help testers nodig voor android app Urgent

Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

4-letter domein: Togi.nl

359 Nieuwe Domeinnamen Mei 2026

Sicarras.com - Moderne Mafia Text-Based RPG

Probleem Font

Participate now!

Quanscient ontvangt €10M om AI- en kwantum-native hardware engineering te bevorderen - Tech.eu

Datalek bij leverancier Canvas - Universiteit van Amsterdam

Data privacy in 2026: Hoe de naleving van GDPR verandert

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Gebruikers die dit topic bekijken