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

Ictscripters Chat

Help testers nodig voor android app Urgent

Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

Afspraken systeem met planbeperking

Developer Gezocht

Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

Op zoek naar de legends

[FREE] WeFact Hosting module

Heel wat sterke domeinen > 2 letters, 3 letters, premiums

367 Nieuwe Domeinnamen Februari 2026

Meerdere mafia game template te koop

Probleem Font

Participate now!

Samsung zal miljoenen verdienen aan Apple iPhone Fold dankzij zijn 12GB RAM

Apple heeft zojuist iOS 26.4 Beta 4 vrijgegeven: hier is de verwachte lanceerdatum.

Kritieke kwetsbaarheid in Nginx UI bedreigt gevoelige data

Functioneel ontwerp

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

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