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

Beta-testers gezocht voor Crypto-oefenplatform

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

Developer Gezocht

Op zoek naar de legends

[FREE] WeFact Hosting module

Help testers nodig voor android app Urgent

Versio vervanger

Afspraken systeem met planbeperking

350 Nieuwe Domeinnamen Januari 2026

321 Nieuwe Domeinnamen December 2025

Meerdere mafia game template te koop

Probleem Font

Participate now!

Fijne feestdagen

Kritieke update voor Really Simple Security-plug-in

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

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