Krijg webfont niet zichtbaar

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Drupal developer

Drupal developer Ben jij een Drupal developer, op zoek naar een mooie uitdaging bij een organisatie die volop in ontwikkeling is? Zie jij jezelf in de rol van full-stack ontwikkelaar, waar je je onder andere bezig houdt met de puzzel van koppelingen met content systemen en autorisatie modules, en ons scherp houdt op het gebied van generieke oplossingen vs. maatwerk? Steek je graag de handen uit de mouwen om mooie nieuwe features op te leveren? Lees dan verder! Dit ga je doen Je komt te werken in een enthousiast team met twee andere developers (1 back-end en 1 front-end), twee

Bekijk vacature »

Innovatieve Senior PHP Developer

Organisatie Het bedrijf is een jonge organisatie die zijn roots heeft in het bouwen van websites maar al snel is gegroeid richting het maken van business apps die lekker werken en er natuurlijk goed uit zien! Toevallig zorgen ze er ook voor dat het rendement oplevert! Zo werken zo op dit moment aan een groot project wat de volledige backoffice van een grote hypotheekverstrekker gaat veranderen en duizenden eindgebruikers gaat hebben. Daarnaast hebben ze een applicatie ontwikkelt voor de logistieke sector die al het papierwerk van chauffeurs digitaal vertaalt naar een “simpele” app in de telefoon. Het bedrijf bestaat nu

Bekijk vacature »

C# ASP .NET Angular4 Ontwikkelaar / Programmeur Ar

Wij zoeken Software developers / ontwikkelaars. We zijn op dit moment op zoek naar zowel Front- als Back-end applicatie ontwikkelaars. Daarnaast zoeken we voor onze interne dataverwerkingssoftware en data analysetools een zeer ervaren C# back-end / SQL expert. Voor de uitbreiding van onze ontwikkelteams zijn we op zoek naar een enthousiaste medior/senior ontwikkelaar die deel uit komt maken van ons team voor de ontwikkeling van webapplicaties en webservices. Onze toepassingen zijn bedoeld voor professionals in de auto- en verzekeringsbranche. Hierbij maken wij gebruik van bekende ontwikkeltalen, design patterns, frameworks en tools zoals Scrum, MVC, Angular4, TypeScript, RabbitMQ, C#, ASP.NET, HTML5,

Bekijk vacature »

Software Developer C#

Ben jij klaar om mee te werken aan onze opdrachtgever haar innovatieve softwareysteem binnen een team van 9 developers? Lees dan verder! Onze opdrachtgever richt zich op de afhandeling van grote hoeveelheden financiële en administratieve processen door middel van haar eigen softwarepakket. Dit pakket bestaat uit complexe SQL database, een aantal .NET applicaties en .NET webservices. Zij staat op het punt om het systeem te innoveren met de nieuwste technieken en zoekt creatief talent om aan de slag te gaan met dit prachtige project! Jouw dag als .NET developer Bekijken van de planning Nadat je een planning gemaakt hebt, starten

Bekijk vacature »

ASP.NET developer in webbureau

Organisatie Voor een jong en dynamisch bedrijf in de omgeving van Oss zijn we op zoek naar developers die een passie hebben voor het ontwikkelen van webapplicaties. Deze applicaties ga je met een team maken voor toonaangevende klanten. Dit kunnen MKB klanten zijn uit de regio maar ook grote multinationals. De organisatie bestaat al 10 jaar en het zijn experts als het gaat om communicatie en webapplicaties. Het bedrijf ontwikkelt e-commerce mogelijkheden zoals webshops en webapplicaties. Ook ontwikkelen zij API’s en mobiele apps. Er werken 15 mensen bij deze organisatie, dat groeiplannen heeft voor de nabije toekomst. Je gaat werken

Bekijk vacature »

Business Intelligence developer

Jij ben niet bang om hard te werken. Uitdagingen zijn welkom. En problemen? Die zijn er om opgelost te worden of, nog beter, om voorkomen te worden! Voor jij aan de slag gaat met het ontwerpen van BI- en DWH-oplossingen, leg je eerst je oor te luister bij de klant. Zo weet jij wat de klant wil, en hoe jouw ontwerp eruit moet komen te zien. Simpel! Althans… met jouw Developer-kwaliteiten wel! Over deze BI vacature Als Business Intelligence Developer ga je zowel op locatie bij de klant aan de slag, als op een van de Sogeti-locaties. Je analyseert de

Bekijk vacature »

Back-End Game Developer

Our client in Amsterdam is looking for an experienced Back-End Game Developer with a passion for casual games. Millions of people are playing and instantly sharing games via their social or messaging apps, such as via Facebook, Messenger, LINE and WeChat. Our client is a front-runner in this new space and brought many successful games to messaging platforms, including Angry Birds, Battleship and Daily Sudoku, which is now the #1 sudoku game on Facebook. As a Back-End Game Developer you'll develop and maintain secure and scalable backend solutions for our games that are played by millions around the world. Your

Bekijk vacature »

Junior full-stack .NET developer gezocht

Organisatie Voor een van mijn businesspartners uit de regio van Arnhem ben ik op zoek naar een junior C# .NET developer. Dit bedrijf maakt maatwerksoftware voor klanten uit diverse sferen. Van banken tot luchtvaartmaatschappijen en van overheden tot scholen. Denk hierbij aan pensioensportalen, websites, betalingsmodules en ERP systemen. In deze groeiende organisatie is er altijd ruimte voor plezier. Dit omschrijft dan ook hoe de bedrijfscultuur in elkaar zit. Het is een erg platte organisatie, zonder hiërarchie. Samen met 14 collega’s werk je, in een echt softwarehuis, dagelijks in verschillende teams aan verschillende opdrachten van verschillende opdrachtgevers. Elke dag is hierdoor

Bekijk vacature »

JAVA Developer

Ben jij klaar voor een nieuwe uitdaging binnen een jong en professioneel online marketingbedrijf met een informele werksfeer? Wij zoeken een JAVA developer Werkzaamheden Ontwikkelen aan een bestaand, omvangrijk backend systeem in Java; Bedenken en ontwikkelen van nieuwe features in teamverband; Je taken zullen mede afhangen van je eigen ervaring en interesses. Profiel Je hebt een passie voor Java; Je bent bekend met SQL; Je vindt code kwaliteit belangrijk; Een passie voor techniek en knappe oplossingen; Je bent gedreven om de nieuwste technieken te leren en toe te passen; Je vindt het leuk om in teamverband te werken met andere

Bekijk vacature »

Senior PHP Developer Amazon, AliExpress, Zalando

Organisatie Je komt te werken in een bedrijf dat in de begindagen van het internet een kans zag, die heeft gegrepen en inmiddels is uitgegroeid tot het grootste online cashback platform van Nederland. Daar blijft het niet bij ze zitten buiten Nederland namelijk ook in: België, Polen, Frankrijk en Duitsland. Ze werken ook niet met de minste namen. Ondertussen zijn er meer dan 2000 webshops door heel Europa bij ze aangesloten waaronder: Amazon, Zalando, booking.com en AliExpres. In Nederland alleen zijn deze al goed voor zo’n 10.000 transacties per dag. Op dit moment zijn er 20 mensen dagelijks werkzaam om

Bekijk vacature »

Java Developer (Software Specialist)

Wat doe je als Java Developer (Software Specialist) bij TenneT? Samen met vakbroeders en softwarespecialisten, ben je verantwoordelijk voor de ontwikkelijking van o.a. een nieuw Java platform. Je begeeft je binnen een complexe en uitdagende omgeving waar creativiteit en initiatief voor nieuwe ideeën op prijs wordt gesteld. Je levert een duurzame bijdrage aan de transitie naar DevOps en Agile werken. Je ziet resultaat van je werk en draagt bij aan lange termijn oplossingen. TenneT kent een groot en complex applicatielandschap, variërend van oud en nieuw en uiteenlopend van ontwikkel tot beheerwerkzaamheden. Samen met je collega's zijn jullie de grondleggers van

Bekijk vacature »

Drupal/ PHP developer

Organisatie Direct bij binnenkomst word je gegroet door baliemedewerkster. Jij loopt voorbij de twee StarWars figuren door naar de tweede verdieping. Hier staat de koffieautomaat al warm te draaien zodat jij samen met jou team eerst kan genieten van een lekker bakje! Samen met 23 andere ontwikkelaars is deze gezellige, ruime en lichte kantoor jullie plekje. Verdeeld over 5 scrumteams bestaande uit backend developers, een front-end developer en een tester maken jullie er dagelijks weer een gezellige dag van waar hard werken beloond wordt. Samen met jouw team bekijken jullie dagelijks de prioriteiten en schatten jullie het werk in van

Bekijk vacature »

PHP ontwikkelaar gezocht omgeving Rotterdam

Bedrijfsinfo Deze jonge organisatie timmert nu al een tijdje aan de weg en is in een korte tijd gegroeid tot 10 medewerkers. Ze zijn nu hard op zoek naar een uitbreiding van het development team waarin nu zo’n 5 ontwikkelaars actief zijn. Dus wat doen ze nou precies? Dit bedrijf heeft een specialisme ontwikkeld in een bepaalde niché binnen de commerciële sector. Hierin willen zij door middel van een high tech oplossing zorgen voor automatisering op grote schaal. Ze zijn gevestigd in de omgeving van Rotterdam in een gezellig pand. Binnen het kleine team heerst een gezellige, informele sfeer en

Bekijk vacature »

Detachering: .NET Developer met prachtig salaris +

Functieomschrijving Als .NET developer zul je ingezet worden bij de top 100 Nederlandse bedrijven waar je zult werken aan diverse projecten waar je trots van zult worden dat je eraan hebt meegewerkt. Ze zijn op zoek naar een medior of senior developer. Je zal hier altijd terecht komen in een inspirerende werkomgeving waar je altijd met de nieuwste technieken en standaarden zult werken. Functie-eisen – Minimaal 3 jaar werkervaring als .NET developer; – Je hebt ruime ervaring met C# en SQL Server; – Kennis van Agile/ Scrum; – Je kan klantvragen goed omzetten in technische oplossingen en houdt van uitdaging

Bekijk vacature »

PHP Developer

Organisatie Deze kleine organisatie denkt groot. De basis werd gelegd door een aantal PHP developers die bij een grote corporate organisatie werkzaam waren. Ze wilde meer focus op kwaliteit, meer samenhang en richten op lange termijn relaties in plaats van een quick fix. Ze zijn nu tot ongeveer 15 PHP developers gegroeid en willen toch wel maximaal groeien tot zo’n 25 op de lange termijn. Ruimte voor jou dus maar je moet er wel op tijd bij zijn want deze opdrachtgever werkt niet alleen aan de gaafste projecten met een enorm leuk team maar stelt daar ook nog eens uitstekende

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

23/04/2019 07:08:53
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.