Krijg webfont niet zichtbaar

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Helpdesk Engineer

OakSoft levert met OakTree Rent één van de belangrijkste software-oplossingen voor verhuurbedrijven in de entertainment wereld. Wij zijn betrokken bij bijna alle publieksevenementen in Nederland en België. Wij zijn dan ook per direct op zoek naar een Support Engineer (m/v) (32/40 uur, Full time) Je bent verantwoordelijk voor het aannemen, vastleggen en oplossen van vragen en incidenten die onze zakelijke klanten melden. Zowel telefonisch als via ons ticketsysteem. Met jouw ervaring en servicegerichte instelling zorg je ervoor dat alle binnenkomende meldingen binnen de afgesproken service levels worden opgelost. Je stelt de juiste vragen aan de klant om het probleem helder

Bekijk vacature »

Full-stack developer

Wil jij werken aan razend slimme technologische e-commerce oplossingen voor bekende namen? Lees snel verder.. Organisatie Met ruim 20 jaar aan ervaring en meer dan 80 specialisten werken zij hier voor grote, leuke en bekende namen. Als marktleider zetten we samen met onze klanten de nieuwe standaard en daarom zijn we op zoek naar collega’s die de lat ook telkens een stukje hoger leggen. Het team van developers, digital designers, strategen en accountmanagers staat dagelijks weer paraat om retailers klaar te maken voor de digitale toekomst. Dagelijks zien en gebruiken meer dan 65 internationale retailers, 5.000 (online) stores, 50.000 medewerkers

Bekijk vacature »

Fullstack .NET Programmeur

Organisatie Het bedrijf is namelijk gevestigd in het centrum van Den Haag, op loopafstand van het centraal station. Ze zitten een groot kantoorpand met een moderne en strakke inrichting van binnen. Het bedrijf is een van grootste creatieve bureaus van Nederland. Je word daarom door je klanten ook echt als partner gezien! Er word dan ook verwacht dat jij mee kunt denken over complexe problemen en je partners hierin adviseert. Jij gaat dus op projectbasis, 6 tot 12 maanden per klus, samen werken met je SCRUM-team. Dit betekent niet dat je altijd bij de klant zit. Nee hoor, je zit

Bekijk vacature »

Lead Front-end Developer Den Haag

Voor een bedrijf in Den Haag ben ik opzoek naar een Lead Front-end Developer. Voor dit bedrijf zoek ik iemand die de Lead gaat nemen van een bestaand Front-end team bestaande uit zes Front-end Developers. Jouw rol zal ongeveer bestaan uit: ontwikkelen, bedenken en aanbrengen van nieuwe ideeën en coachen van je team. Het kan zijn dat je al ervaring hebt als Lead maar ben jij er van overtuigd dat dit jouw volgende stap is als Senior dan ben je ook van harte welkom om kennis te komen maken. Je wil met dit bedrijf meegroeien en een bijdrage leveren aan

Bekijk vacature »

Junior PHP talent gezocht! (starter)

Organisatie De organisatie is in 2003 ontstaan en inmiddels uitgegroeid tot het grootste veilinghuis van Europa! Met 200.000 unieke bezoekers per dag. Ze zijn op dit moment bezig zelfs om daar buiten voet aan de grond te krijgen. In het bedrijf werken nu zo’n 100 man personeel en er hangt een hele informele en internationale sfeer. Iedereen kan bij elkaar naar binnen lopen en raad vragen. Naast het plezier wordt er wel elke dag kei-hard gewerkt om meer dan 1 miljoen biedingen per dag soepel te laten verlopen. Ze werken alleen met de beste en meest getalenteerde mensen, daarom werken

Bekijk vacature »

Programmeur Navision

Functieomschrijving Programmeur.GEZOCHT - spreek jij C/AL programmeertaal? Mooi! Lees snel verder! Voor een opdrachtgever, in regio Alphen aan den Rijn, zoeken wij een enthousiaste Navision programmeur. Wat gaat deze programmeur doen? > Jij zorgt ervoor dat alle medewerkers probleemloos met Navision kunnen werken > Problemen oplossen en het verder ontwikkelen van de systemen > Zelfstandig rapporten aanpassen en ontwikkelen > Problemen uitwerken voor de consultants en hun werk testen en documenteren Locatie/Standplaats Alphen aan den Rijn Functie-eisen Wat krijg jij? > Circa 3000 bruto per maand (afhankelijk van jouw ervaring!) > Vakantiedagen! 25 stuks! > Het duurt nog even, maar

Bekijk vacature »

Medior C# developer/ .NETcore /

Deins jij niet terug voor een uitdaging? Heb jij passie voor het vak en zit je het liefst de hele dag met de vingers aan de knoppen? Ben je communicatief vaardig en wil je werken met de nieuwste technieken in een proactief team van enthousiaste developers? Dan ben ik op zoek naar jou! De organisatie Deze organisatie is gespecialiseerd in de ontwikkeling van hypotheeksoftware. Het is jouw doel om het voor de eindgebruiker zo makkelijk mogelijk te maken om alles te regelen omtrent zijn/haar hypotheek. Zo heeft de klant de behoefte om veilig in te kunnen loggen op de online

Bekijk vacature »

PHP programmeren in divers team en maatwerk (web)a

Vacature Omschrijving Wil jij als ervaren PHP developer aan de slag bij een echte specialist in het schrijven van code? Dan zoeken we jou. Dit kleinschalige maar snelgroeiende bedrijf in Alphen aan den Rijn houdt zich bezig met de ontwikkeling van maatwerk (web)applicaties in diverse sectoren. Onder hun klanten mogen zij KPN, Headfirst, KWF Amsterdam en de MPlus groep rekenen. Zij richten zich voornamelijk op de complexere systemen en ontwikkelen met enige regelmaat opensource projecten. Daarnaast adviseren zij organisaties over het ontwikkelen van nieuwe workflows voor bestaande en nieuwe systemen om efficiëntie en vooral toekomstbestendigheid te garanderen. Het bedrijf is

Bekijk vacature »

Medior Game Developer

Organisatie Voor een van PHIND’s businesspartners ben ik opzoek naar een Medior Game Developer. Het bedrijf waar jij voor aan de slag ontwikkelt, onderhoudt en optimaliseert een applicatie met ruim 6 miljoen actieve gebruikers. Een jaar of 15 jaar geleden zag de organisatie het licht en is oorspronkelijk een webapplicatie. Ergens rond 2010 werd er een besluit genomen om zich toch meer te gaan focussen op een nieuwe markt: mobile gaming. Sinds dat besluit is het bedrijf van groot naar gigantisch gegaan. En jij kan hier je carriere een nieuwe boost geven. In een moderne omgeving word op de nieuwste

Bekijk vacature »

Webdeveloper (HBO)

Webdeveloper (HBO) Full time Als webdeveloper bij VIVITION heb je een uitdagende en belangrijke rol, waarbij het gaat om de output. Samen met collega’s ben jij namelijk verantwoordelijk voor de ontwikkeling van websites, shops, auto voorraadmodules en onze unieke 360 weergave voor autobedrijven. Een essentieel onderdeel is hierin is het responsive ontwikkelen voor zowel desktop als mobiel. Alles draait om het verbeteren van de user experience. Taken: Primair gebruik je PHP, CSS, Javascript Ontwikkelen van plugins voor verschillende platformen; API & library development in verschillende talen; Usability tests uitvoeren en verbeteringen doorvoeren; Gezamenlijk kritisch evalueren van het opgeleverde eigen werk;

Bekijk vacature »

Lead .NET Developer

Organisatie De Nederlandse marktleider in vastgoedsoftware zoekt versterking, namelijk: een Lead .NET Developer met minimaal 8 jaar ervaring. Je nieuwe werkgever werkt nauw samen met verschillende Europese Commissies. Regelmatig moet er worden afgereisd naar Brussel voor vergaderingen over innovatie binnen de vastgoed branche. Deze organisatie, met 17 FTE, zit gevestigd midden in hartje Den Haag. Vanuit dit grote moderne pand ga jij jezelf, samen met je team, bezig houden met de 3 pijlers waar deze club zich mee bezig houdt: Advies, Onderzoek & Software. Alle core producten overlappen elkaar en zijn in elkaar verweven. Als Lead .NET Developer ben je

Bekijk vacature »

Front-end Developer ( Junior/Medior/Senior)

Organisatie Wat is het pad wat jij wil gaan bewandelen? Denk je er wel eens over na om voor een detacheerder te gaan werken maar ben je bang dat je een opdracht moet doen die je niet leuk vind? Lees dan even verder. Heb je ook wel eens het gevoel dat je een beetje blijft hangen in je ontwikkeling omdat je onvoldoende uitgedaagd wordt op jouw werk maar ben je niet het type wat iedere 2 jaar een overstap wil maken, dan is dit iets voor jou. Een van mijn partners in Amsterdam heeft recent haar deuren geopend. Het team

Bekijk vacature »

Fullstack Developer Angular 6 Java Complexe omgevi

Functieomschrijving Ben jij toe aan een nieuwe uitdaging binnen een complexe technische omgeving en wil jij met je ruime kennis van Java bijdragen aan een optimaal wegennet? Dan is dit de vacature voor jou! Ontwikkelen van innovatie applicaties met behulp van Angular 6 & Java; Overleggen en samenwerken met architecten en Product Owners; Werken binnen een multidisciplinair Scrumteam met betrekking tot analyse, design en ontwikkeling; Samenwerken en ondersteunen van testers in het proces van automatische regressietesten. Functie-eisen Afgeronde HBO- opleiding (Technische richting is een pre); Minimaal 2 jaar relevante werkervaring als Fullstack Developer; Een passie voor techniek en programmeren; Technologieën,

Bekijk vacature »

BI Consultant / Ontwikkelaar

Functie omschrijving Je draagt direct bij aan de doelstellingen door mee te werken aan een zo goed mogelijke informatievoorziening. Ontwikkelingen waar jij je mee bezig zult houden betreffen onder andere; Dashboarding, Self Service BI en Analytics. Het applicatie landschap bestaand voornamelijk uit SAP producten waaronder SAP ECC (suite on HANA), SAP C4C en SAP Hybris. De bronnen worden ontsloten naar het DWH (Microsoft SQL 2016). Je bent in staat om op basis van functionele ontwerpen de benodigde gegevens te ontsluiten en deze te modeleren richting het bestaande Data Warehouse. Je ontwikkelt op basis van de SAP Business Objects Data Services,

Bekijk vacature »

Als junior front-end developer jezelf ontwikkelen

Vacature Omschrijving Als groeiend Nederlands softwarebedrijf is deze partij uit Zaandam een vooraanstaand gevestigd leverancier van technisch hoogstaande weboplossingen. Zij ondersteunen organisaties in diverse branches bij het ontwikkelen, optimaliseren en automatiseren van bijvoorbeeld een community, webwinkel of offertesysteem. Van oudsher gespecialiseerd in de ontwikkeling van efficiencyverhogende backoffice-systemen en complexe API-architecturen in .NET, inmiddels geruime tijd verrijkt met state-of-the-art webdesign en vooruitstrevend front-end developement. Dat deze club op de goede weg is, blijkt wel uit hun klanten: denk aan New York Pizza, Ford en D-Reizen. Om aan de top te blijven zijn zij continu bezig met het optimaliseren van bestaande en

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/08/2019 20:53:18
 
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.