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

Het Grote Vibe Code Topic

PWYL source gezocht

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)!

370 Nieuwe Domeinnamen April 2026

Snel een website nodig?

Sicarras.com - Moderne Mafia Text-Based RPG

Probleem Font

Participate now!

Google Cloud is in de problemen (en AWS weet het)

Nebius kondigt bouw aan van een van Europa's grootste datacenters

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

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