Krijg webfont niet zichtbaar

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior PHP developer Online Product

Organisatie Voor onze klant in Amsterdam zijn wij opzoek naar een Senior PHP developer die hier het productteam van 20 ambitieuze developers komt versterken. Naast dat jij hier aan de slag zult gaan als developer, zal jij je thuis gaan voelen binnen dit gave bedrijf met een hecht team. Dit bedrijf is in de afgelopen 5 jaar flink gegroeid en niet meer weg te denken van het internet. Naast dat zij werken aan een goed onlineproduct, zorgen zij ervoor dat het zo gebruikersvriendelijk, veilig en transparant mogelijk is voor de koper. De IT is hier de core business en daarom

Bekijk vacature »

Medior PHP Developer

Organisatie Dit bedrijf is in 2005 gestart in 12 jaar uitgegroeid tot een organisatie met nu 45 medewerkers. De oprichters van dit bedrijf zijn begonnen als creatieve reclamemakers en hebben nu een speciaal platform voor hun klanten gebouwd. Dit platform zorgt er voor dat alle marketing en reclame doeleinden vanuit 1 portaal worden geregeled. De klanten waar dit bedrijf voor werkt varieert sterk. Zo zijn het midden klein bedrijven maar bijvoorbeeld ook de landelijke hoofdkantoren van bekende internationale merken. Binnen het sfeer hangt een goede work-hard play hard sfeer. Wanneer het harde werken is afgerond is er ook zeker tijd

Bekijk vacature »

Senior PHP developer

Organisatie De organisatie is gespecialiseerd in het leveren van een online dienst die het mogelijk maakt om data bij invoer te controleren en aan te vullen. Het doel is om dit zo snel, goedkoop en makkelijk mogelijk te doen middels hun innovatieve software. Om dit te realiseren bieden ze een efficiënte online datadienst aan waarmee grote organisaties gemakkelijk data kunnen valideren en verrijken. Organisaties die gebruik maken van hun dienst krijgen toegang tot een grote hoeveelheid databronnen en datakwaliteit oplossingen. Deze organisatie is daarmee Nederlands marktleider op het gebied van data-verrijkingsdiensten. Dagelijks gebruiken meer dan 10.000 gebruikers de service van

Bekijk vacature »

solution architect netwerken

Wat ga je doen? Jij vormt de functionele en technische eisen en wensen van de klant, de wetgeving, de technische, applicatie-, security- en netwerkarchitecturen, om in een generieke oplossing of ontwerp. Deze zullen vervolgens door team netwerken uitgewerkt en geïmplementeerd worden met behulp van technische, detail-, implementatie-, en beheerontwerpen. Ook ben je verantwoordelijk voor het aan- en bijsturen van deze oplossing binnen de productieomgeving. Bij grote operationele verstoringen kun je participeren om gezamenlijk tot een oplossing te komen. Je geeft input voor Life Cycle Management en een actuele roadmap (de eigenaar is de productlijnmanager). Daarnaast adviseer je (gevraagd en ongevraagd)

Bekijk vacature »

Junior Full Stack Developer

Voor een van onze business partners zijn wij momenteel op zoek naar een Junior Full-stack developer met minimaal 1 jaar werkervaring op het gebied van C#/.NET/Javascript/HTML/CSS. In een prachtig pand midden in het centrum van Amsterdam ligt wellicht voor jou de ideale vervolgstap. Deze partij is gespecialiseerd in het bouwen van software dat zich uitermate goed schikt voor de veilingbranche. Talloze klanten maken gebruik van deze software om betrouwbaar online allerlei verschillende soorten veilingen op te zetten. Deze organisatie bestaat inmiddels ruim 12 jaar en is de afgelopen jaren uitgegroeid tot een serieuze speler in de markt. Je komt terecht

Bekijk vacature »

Junior C# developer Den Bosch

Organisatie Deze organisatie is midden in het centrum van Den Bosch gevestigd en telt ongeveer 20 medewerkers. Het hoofdkantoor heeft een hele moderne uitstraling. Wanneer je binnen loopt in dit kantoor zie je alle medewerkers werken in één open en dynamische omgeving. Dit bedrijf heeft dan ook een hele open en informele sfeer. Van de vriendelijke CEO tot aan de medewerkers, iedereen is makkelijk benaderbaar. Deze organisatie gespecialiseerd in het faciliteren van online trainingen. Of je nu nog op school zit of je bent aan het genieten van je welverdiende pensioen, deze organisatie heeft een uniek platform die het voor

Bekijk vacature »

Medior Laravel ontwikkelaar

Organisatie Het bedrijf werkt aan de meest gave online succes story’s. Dit wordt gedaan vanuit een uniek kantoor pand waarin iedereen informeel en gezellig met elkaar om gaan. De organisatie pakt het gehele traject aan, van strategie en concept tot en met development. Dit is het typische verhaal van een grote Techgigant. Ooit zijn ze begonnen kleine zolderkamer onderneming waar wat vrienden met elkaar gave dingen maakte. Nu heel wat jaren later staat er een gevestigde onderneming waar alleen maar gepassioneerde developers werken. In teamverband wordt er gewerkt aan mooie projecten voor de grootste namen. Functie Jij komt als PHP-programmeur

Bekijk vacature »

Medior/Senior Ruby Developer

Organisatie 5 jaar geleden zijn 3 jonge ondernemers deze start-up begonnen. De organisatie bestaat inmiddels uit 20 medewerkers en wil de komende jaren minimaal jaarlijks met 20% gaan groeien. Kwaliteit staat hoog in het vaandel en ze willen alleen met de beste mensen dit gaan realiseren. De klanten waarvoor ze werken gaat van IJsland tot aan Spanje en blijven steeds hun netwerk verder groeien. Je gaat werken aan gepassioneerde slimme applicaties voor het onderwijs die wereld wijdt zowel leraren als studenten het leven een stukje makkelijker kunnen maken doordat deze technieken er voor zorgen dat alles sneller en efficiënter kan.

Bekijk vacature »

DevOps PHP software engineer

Deze grootschalige verzekeringsmaatschappij is opzoek naar een ervaren DevOps PHP engineer! Hier kom je terecht Bij een van de meest vooruitstrevende organisaties binnen de financiële dienstverlening! Deze organisatie is een succesvolle speler in de verzekeringsbranche met meerdere producten, merken en platformen onder zich. Met een echte ‘handen uit de mouwen mentaliteit’ zorgen zij er met meer dan 200 collega’s voor dat ze hard groeien en elke dag weer een topdag is. Werken in de verzekeringen is allesbehalve saai! Je werkt in een inspirerende en informele sfeer, waarin ontwikkeling, hard werken en plezier centraal staat. In de pauze kun je een

Bekijk vacature »

Functional Application Manager Facilities Systems

Functional Application Manager - Facilities Systems About Kite Pharma, A GILEAD Company At Kite, we are at the forefront of immunotherapy and engineered T cell therapy. We are helping change the paradigm of cancer treatment and we are revolutionising individually tailored treatments. That means a fast moving and constantly changing environment, where we make discoveries every day – discoveries that include our own capabilities and our individual potential. In this job as Functional Application Manager Facilities Systems you will be the expert for building up, implementing and maintaining the facilities & maintenance systems for our new manufacturing site in Hoofddorp

Bekijk vacature »

Junior .NET C# developer gezocht

Organisatie Voor een marktleider in de omgeving van Waalwijk ben ik op zoek naar een Junior .NET developer. Het bedrijf is de grootste speler op het gebied van koeltechnieken. Er heerst een informele bedrijfscultuur waarbij je genoeg vrijheid en mogelijkheden hebt om je eigen ideeën te uiten en om je ideeën ook daadwerkelijk door te voeren. De organisatie heeft diverse wisselende projecten. Denk aan projecten variërend van 3 maanden of meer, maar ook projecten van 2 weken. Je zult samen gaan werken met 1 senior .net engineer en 2 medior ASP.net, C# ontwikkelaars. Het team bestaat uit pure liefhebben op

Bekijk vacature »

Medior PHP Developer

Organisatie Voor onze partner gevestigd te Haarlem zoeken we een medior PHP developer. Deze organisatie is in 2001 opgericht op een zolderkamer en uitgegroeid tot de grootste full service digital agency met ruim 60 getalenteerde werknemers daar in de regio. Wegens de vele jaren ervaring is er veel ruimte om nieuwe technieken te ontdekken en aan complexe projecten te werken. Elke klant wordt perfect bediend om de beste applicaties, marketing strategieën, campagnes en designs voor ze te ontwikkelen. Hierbij kom je voor grote A-merken gaan werken. Naast het ontwikkelen van applicaties en complexe websites hebben ze inhouse ook een eigen

Bekijk vacature »

Medior C# Programmeur

Organisatie Voor een van PHIND’s business partners ben ik opzoek naar een Medior .NET C# Developer. Vijf minuten fietsen vanuit het centrum van Den Haag ligt een schitterend kantoorpand. Groot, luxueus en modern. Hier vinden we de IT afdeling van een van de grootste onderwijsinstellingen van Nederland. Hier wordt met ongeveer 400 man gewerkt aan deze instelling nog groter maken. Van die 400 FTE hebben er ongeveer 100 een IT functie. Die functies verschillen van supportmedewerkers, technische consultants, maar ook jou toekomstige afdeling: software development. Dit doe je allemaal voor de core business, namelijk, het aanbieden van opleidingen. Momenteel zijn

Bekijk vacature »

Mobile Web Developer

Apps om te betalen met je vingerafdruk, de rekening in de bar te delen of je huiskamer een sfeer kleurtje te geven met licht! Wil jij Mobile Apps realiseren die mensen echt raken? Apps maken die het leven van ons als gebruikers vereenvoudigen? Wij stellen onszelf ten doel dat we op elke smartphone in NL een App van onze hand kunnen aanwijzen. En jij? Wil jij dat soort gave projecten ook doen bij de Nederlandse topbedrijven? Impact met Apps Bij Sogeti Mobile zitten we super dicht op de huid van de gebruiker. We leveren gebruiksvriendelijke oplossingen op jouw favoriete kanaal.

Bekijk vacature »

Lead PHP Duurzaam & Maatwerk

Organisatie Dit bedrijf staat er om bekend dat zij hun zaken doen op een eerlijke manier en tegen goede condities. Waar mogelijk zullen zij hun bedrijfsvoering zo duurzaam mogelijk uit voeren, voor hunzelf en voor hun klanten. Daarbij is het bedrijf gelegen in een van de meest inspirerende en duurzame gebouwen van Nederland (hierover later meer). Door het verbinden van bewezen oplossingen, slimme tools en strategische partners realiseren zij een voorsprong in de e-commerce. Hierdoor is hun platform sneller, stabieler en krachtiger. Dit komt door hun bijzondere aanpak. Zij gaan namelijk verder dan alleen ‘’het bouwen van een webshop’’. Door

Bekijk vacature »
Fokke Nauta

Fokke Nauta

11/02/2019 15:51:32
Quote Anchor link
Hallo allen,
Heb o.a. dit in mijn style sheet staan:

@font-face {
font-family: 'incised901_ndit_btitalic';
src: url('../fonts/incised901_ndit_bt_italic-webfont.eot');
src: url('../fonts/incised901_ndit_bt_italic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/incised901_ndit_bt_italic-webfont.woff') format('woff'),
url('../fonts/incised901_ndit_bt_italic-webfont.ttf') format('truetype'),
url('../fonts/incised901_ndit_bt_italic-webfont.svg#incised901_ndit_btitalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'web_symbolsregular';
src: url('../fonts/websymbols-regular-webfont.eot');
src: url('../fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/websymbols-regular-webfont.woff') format('woff'),
url('../fonts/websymbols-regular-webfont.ttf') format('truetype'),
url('../fonts/websymbols-regular-webfont.svg#web_symbolsregular') format('svg');
font-weight: normal;
font-style: normal;
}
BODY {
font-family: incised901_ndit_btitalic;
}
.nextprev {
font-family: web_symbolsregular;
}

Niet belangrijke zaken weggelaten.
Op de webpagina's is het font incised901_ndit_btitalic te zien.
Stukje code in de pagina:

<div class="nextprev">
<p>89</p>
</div>

De karakters 8 en 9 in de class nextprev zijn echter niet in het font web_symbolsregular te zien.

Hoe kan dat? Wat doe ik fout?

Alvast dankt voor eventuele reacties.

Fokke Nauta
 
PHP hulp

PHP hulp

25/04/2019 20:55:51
Honeypot
 
Thomas van den Heuvel

Thomas van den Heuvel

11/02/2019 16:18:18
Quote Anchor link
Kloppen de paden? Deze zijn relatief t.o.v. het stylesheet?
Heb je browsercache uit staan en/of heb je de pagina een harde refresh gegeven?

Het enige verschil tussen de eerste variant die wel werkt en de tweede die niet werkt zijn min-tekens versus underscores in de namen van de bestanden, weet je zeker dat de namen kloppen?

Koppel je wellicht een stijl aan de p-tag? Die overruled dan waarschijnlijk "nextprev", tenzij je hier wellicht ".nextprev p" van maakt.

De naam van het fonttype via font-family moet ook tussen quotes?
 
Fokke Nauta

Fokke Nauta

11/02/2019 16:49:35
Quote Anchor link
De paden zijn relatief, en kloppen. De fonts zijn ook aanwezig. Als ik om te testen in de body-tag de naam van het tweede font gebruik, zijn die symbolen zichtbaar.

Bedankt!

De namen kloppen.

Er is geen stijl aan een p-tag gekoppeld. Alleen het eerste font in de BODY-tag.

Hoe het met die quotes zit, weet ik niet. Het eerste font is overal zichtbaar, zonder quotes bij font family. Dus dat moet werken.

Ik heb een nieuwe pagina aangemaakt, met @font-face van het tweede font in de header, en p gekoppeld aan dat font, en dat werkt.

Maar waarom het in mijn pagina niet werkt, is me een raadsel ...
 
- Ariën -
Beheerder

- Ariën -

11/02/2019 21:48:49
Quote Anchor link
Kan je anders in JSfiddle een testcase maken?
 
Fokke Nauta

Fokke Nauta

11/02/2019 22:06:31
Quote Anchor link
Dan ga ik me eerst eens verdiepen in wat JSfiddle nu precies is.
 
- Ariën -
Beheerder

- Ariën -

11/02/2019 22:12:22
Quote Anchor link
JSFiddle is een sandbox voor kleine snippets aan styling en scripting. Zo kan je dus HTML, JS, en CSS testen en deze testcases delen met anderen hier. Een voorbeeldje is dit.
 
Fokke Nauta

Fokke Nauta

12/02/2019 09:10:16
Quote Anchor link
OK, bedankt. Ik ga ermee aan de slag.

Toevoeging op 12/02/2019 10:01:36:

Account aangemaakt.
Kan HTML en CSS code wel op de pagina plaatsen, maar hoe krijg ik mijn webfonts in JSfiddle?

Toevoeging op 12/02/2019 10:50:11:

Dit is de link naar JSfiddle. Overbodige tags en content zijn verwijderd.

https://jsfiddle.net/FokkeNauta/2pgf46em/3/
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.