Krijg webfont niet zichtbaar

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Frontend Midlance Developer

Jij hebt al een aantal jaren werkervaring in de Frontend wereld en twijfelt over de stap naar freelancer… Want hoe lekker is het als je in overleg met de eindgebruiker je tijden kan bepalen, je veel vrijheid hebt, bij alleen toonaangevende organisaties terecht komt en ook nog eens DIK betaald krijgt? Voor veel ontwikkelaars is dit toch net een stap te ver. Zij willen gewoon lekker code kloppen en zich niet bezig houden met het regelen van opdrachten, administratieve zaken of andere randzaken. Klinkt dit bekend? Wij bieden de middenweg! Wie zijn wij? Wij zijn niet het stereotype organisatie waar

Bekijk vacature »

Senior .NET Developer

Organisatie Deze organisatie is begonnen als een afstudeerproject van de toen nog studerende directeur. Het bedrijf is vervolgens uitgegroeid naar de specialist op het gebied van logistieke en administratieve software voor afvalverwerking binnen de Benelux. Functie Als senior .NET developer ben je verantwoordelijk voor het ontwikkelen, onderhouden en het innoveren van de software. De focus van dit bedrijf ligt op de toekomst en ze willen net als de afgelopen 30 jaar relevant blijven binnen deze sector. Om dit te realiseren is de organisatie continu bezig met het door ontwikkelen van de software die ze maken. Hierbij werk je als developer

Bekijk vacature »

PHP talent gezocht (Starter)

Bedrijfsinfo Deze organisatie is pas 3,5 jaar jong maar telt nu al zo’n 15 medewerkers. Zij zitten met name aan de frontend ontwikkeling van het web development echter bieden zij wel een totaaloplossing voor hun klanten waardoor er ruimte is aan de backend voor jou! Ze hebben een aantal echt gave projecten neergezet waarin het merk van de klant waarvoor zij werken spetterend naar voren komt. Binnen deze organisatie gaan dingen er anders aan toe dan bij andere bedrijven, en dat is geen standaard praatje maar dat zie je echt terug. Er is geen baas maar verantwoordelijkheden worden gelegd bij

Bekijk vacature »

Software Developer / .NET Core 2.1 / Azure

Functieomschrijving Heb jij al enkele jaren werkervaring op het gebied van Software Development en werk jij graag met .NET Core? Heb jij daarnaast interesse in Azure en werk je graag in een informeel bedrijf? Dan is deze vacature iets voor jou! Het ontwikkelen van een nieuwe portal met koppelingen naar diverse interne en externe systemen; Je werkt met technieken als: C#, NetCore 2.1, REST, Azure en SQL; Het ontwikkelen van een diversiteit aan web-based software en apps voornamelijk op bedrijfsadministratief en HR gebied; Het bespreken van specificaties met de business om helder te krijgen wat je gaat ontwikkelen; Het meedenken

Bekijk vacature »

PHP Ontwikkelaar gezocht centrum Eindhoven!

Bij deze opdrachtgever krijg jij de kans om direct mee te gaan werken aan een gaaf, groot project op high tech gebied en te werken met grote hoeveelheden data. Ben jij een PHP ontwikkelaar die toe is aan het echte werk? Dan is deze organisatie wat voor jou! Deze organisatie is nu zo’n 5 jaar bezig maar het werk dat ze doen begint sinds een aantal maanden pas echt in een stroomversnelling te komen wegens investeerders. Hierdoor verwachten ze een grote groei te gaan realiseren in het komende jaar. Dat is echter afhankelijk van de programmeurs! Omdat ze nu veel

Bekijk vacature »

Als C# .NET ontwikkelaar bouwen aan cloud oplossin

Vacature Omschrijving Voor een toonaangevende partij in Hoofddorp kun jij aan de slag als C# .NET ontwikkelaar. De ICT kennis bij dit bedrijf is uiterst divers. Zij richten zich vooral op bedrijven met meer dan 50 werkplekken voor wie de continuïteit van business van groot belang is. De cloud oplossingen en softwareapplicaties van enterprisekwaliteit maken zij toegankelijk voor middelgrote bedrijven. Voor relaties die nog niet aan een cloud oplossing toe zijn, verzorgen zij het ICT-beheer door middel van managed services en bieden zij ondersteuning bij ICT-gerelateerde vraagstukken. Indien gewenst voeren zij voor hen op enig moment een cloud migratie uit.

Bekijk vacature »

Oracle Apex Ontwikkelaar

Wat je gaat doen: Als Oracle Ontwikkelaar werk je zowel zelfstandig als in teamverband aan het ontwikkelen en ontwerpen van software componenten. Je levert een bijdrage aan de ontwikkeling tot en met de implementatie. Je bent in staat om informatie te verzamelen,te analyseren en te documenteren van wensen en eisen van de eindgebruikers. Je bent in staat om functionele vereisten te vertalen naar technische specificaties, ontwikkelt web applicaties met behulp van Oracle Applicatie Express, door de veranderingen en ontwikkelingen van web formulieren en rapporten. Verbeteren van bestaande Oracle Apex Systemen. Ontwikkelen en veranderen van Oracle 11g database schema’s. Schrijven van

Bekijk vacature »

Medior / Senior PHP webdeveloper gezocht met Scrum

Bedrijfsinfo Deze organisatie is binnen Nederland al een van de grootste in haar vakgebied en begint nu haar vleugels te spreiden naar Europa. Inmiddels zitten ze met 40 medewerkers in hartje Breda. Er heerst een informele, gemoedelijke sfeer in deze open en transparante organisatie. Het platform dat deze organisatie ontwikkeld kent dagelijks miljoenen paginaweergaves en wordt gebruikt door meer dan 14000 actieve klanten. Binnen deze organisatie ontwikkel je niet alleen mee aan de software maar ontwikkel je ook vriendschappen! Functieomschrijving Je zal onderdeel worden van een jong ontwikkelteam van 10 ontwikkelaars. Hierin zitten zowel frontend, backend als UX specialisten. Jou

Bekijk vacature »

Web based C# developer regio Veenendaal

Momenteel ben ik op zoek naar een creatieve software ontwikkelaar die ervaring heeft met C# en web based applicaties. Je gaat werken bij een organisatie dat doormiddel van diverse systemen en automatiseringen ervoor kan zorgen dat de administratie van verschillende multinationals efficiënter en effectiever wordt. Deze organisatie telt wereldwijd meer dan 3000 medewerkers en ze hebben diverse vestigingen over de gehele wereld. Ondanks het feit dat ze internationaal werken en meer dan 3000 medewerkers hebben is het een erg dynamisch organisatie en krijg je als software developer enorm veel uitdagende werkzaamheden. Je gaat werken bij een organisatie dat zich focused

Bekijk vacature »

PHP Test Engineer gezocht!

Vacature Omschrijving Onze klant is een succesvolle speler in de verzekeringsbranche, met diverse producten, merken en platformen. Met meer dan 150 collega’s is de organisatie elke dag bezig om de kwaliteit te verbeteren en het leuker te beter voor haar klanten. Het kantoor is gevestigd in de buurt van Rotterdam en is goed bereikbaar met de auto, het ov en de fiets. Het is een informele organisatie, waarin je de vrijheid hebt om ideeën aan te dragen. Functieomschrijving Als Test engineer zorg je ervoor dat bedrijf kritische processen bij deze mooie organisatie automatisch worden getest. Je werkt actief mee aan

Bekijk vacature »

Ontwikkel je in een snelgroeiende organisatie als

Vacature Omschrijving Deze organisatie is gericht op de bedrijfsgezondheid, snelgroeiend en hard op zoek naar een full stack developer. In 2003 is de organisatie opgericht en vijf jaar geleden zijn zij gereorganiseerd. Zij werken met passie aan het ontwikkelen van softwareoplossingen waarmee de kosten van verzuim beheersbaar worden. De organisatie is een leverancier via de Cloud SaaS-diensten aan bedrijven die gericht zijn op het ondersteunen van de samenwerking tussen professionals in die bedrijven. Zij hebben een stevige marktpositie als leverancier van verzuimsoftware en breidt uit naar een totaaloplossing voor bedrijfsgezondheidssoftware. Als voorloper op het gebied van security in SaaS producten

Bekijk vacature »

C++ / Developer / Complex / Architectuur

Functieomschrijving Wil jij als C++ Developer meebouwen aan complexe systemen die levensreddende operaties ondersteunen? Ben jij de C++ Developer die zijn hand niet omdraait voor de meest uitdagende C++ vraagstukken? Dan is deze C++ rol jou op het lijf geschreven! Je wordt verantwoordelijk voor de codegeneratie en de onderliggende architectuur; Je zorgt ervoor dat de frameworks en architectuur continue doorontwikkeld wordt en dat nieuwe technologieën zoals Big Data en machine learning in de architectuur opgenomen worden; Creëren van robuuste, betrouwbare en veilige omgeving; Maken, onderhouden en doorontwikkelen van onze in C++ ontwikkelde architectuur in een Linux omgeving. Functie-eisen Hbo-gediplomeerd; Minimaal

Bekijk vacature »

Medior Magento(2) Developer

Organisatie Voor een groeiend bedrijf in Nijmegen ben ik opzoek naar een Medior Developer. De organisatie is druk bezig met een professionaliseringsslag en daar kunnen ze wel wat extra kennis voor gebruiken. De afgelopen tijd heeft dit bedrijf haar krachten gebundeld met andere bedrijven om zo haar klanten volledig van dienst te kunnen zijn. Het huidige team vind het gaaf om voor dit bedrijf te werken omdat het erg dynamisch is, ze enkel met klanten werken die ook serieus een budget beschikbaar hebben ( €100.000 – €500.000+). Daarnaast werk je voor bedrijven waarvan de inkomstenbron afhankelijk is van de applicatie

Bekijk vacature »

Backend NodeJS Developer gezocht voor gezellig web

Functieomschrijving Als NodeJS Developer kom je hier voor diverse en uitdagende opdrachtgevers te werken, maar je werkt ook aan een intern product. Jouw nieuwe werkgever is namelijk bezig met het bouwen van een configurator die hen kan helpen om in de toekomst klanten nog beter te bedienen. In de beginperiode zul je ongeveer 30%-40% van je tijd aan deze configurator werken, de overige tijd besteed je aan het realiseren van projecten voor klanten. Dit doe je altijd vanuit het kantoor in Nijmegen, het gaat dus om een interne functie. De projecten die je in opdracht van klanten bouwt, zijn altijd

Bekijk vacature »

Business Developer / Process Manager / Finance / I

Functieomschrijving Do you like to act as a link between business and IT? Do you have a big sense of responsibility and are you always looking how to improve processes? Then this might be the job you are looking for! You and your 5 Agile team members work in an environment where skills like process management, chain management and project management meet. You are constantly focusing on how to improve processes and how to bring people together to improve the business. You have a good understanding of what is important for the business, IT infrastructure and risk & regulatory challenges

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

18/07/2019 01:28:57
 
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.