Krijg webfont niet zichtbaar

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Medior/ Senior developer/ Ik wil developen in de e

Wil je graag meebouwen aan een erg succesvol product? Wil jij werken aan je ambities in een omgeving waarin je erg veel vertrouwen krijgt? Lees dan snel verder! Dit internationaal georiënteerd softwarebedrijf met Nederlandse roots is op zoek naar jou. Door passie voor het vak is deze organisatie leidend op het gebied van online video platformen. Organisatie Het bedrijf is gevestigd in Hilversum, vlakbij het mediapark. Ze zitten in een groot kantoorpand met een moderne en strakke inrichting van binnen. Ze zijn al ruim 12 jaar lang dé organisatie als het gaat om videoplatformen! Deze marktpositie hebben ze verkregen door

Bekijk vacature »

Front-End Developer / JavaScript/ React/ 4300 euro

Functieomschrijving Ben jij een front-end developer die niets van de wereld wil missen? Wil jij dat jouw werkzaamheden zichtbaar zijn voor een groot publiek? Beschik jij over kennis van de modernste technieken en ben je in staat snel te switchen tussen verschillende projecten? Lees dan snel verder! Het ontwikkelen van applicaties (25%) en websites (75%) met behulp van JavaScript, React, jQuery, SASS en Git; Werken aan lange termijn projecten; Oppakken van ad hoc activiteiten en processen; Nieuwe ontwikkelingen in de gaten houden en toepassen; Analytisch en kritisch meedenken over verbeteringen in tools en werkwijzen. Functie-eisen Je hebt HBO/WO werk- en

Bekijk vacature »

Junior .NET Ontwikkelaar

Organisatie De organisatie bestaat al sinds 2003 en sinds 2011 onder een nieuwe naam. In de schaduw van Delft heeft dit bedrijf zich ontpopt tot waardige speler. Door de kansen in de markt is dit bedrijf aan het groeien en willen zij internationaal steeds meer landen veroveren met de SaaS oplossing en tijdbesparende producten (Continues Delevery) die zij onder andere aanbieden. Volgend jaar zullen zij de 1000 klanten aan tikken en zul jij jouw te gekke oplossingen tot leven wekken voor internationaal publiek. Het bedrijf is een Marketplace Integrator. Ze koppelen grote en kleine internationale verkopers aan marktplaatsen zoals Beslist.nl,

Bekijk vacature »

Full-Stack developer die ervoor zorgt dat alle R&a

Vacature Omschrijving De netwerk monitoring reis van deze organisatie begon 33 jaar geleden in Frankrijk. Daar zagen zij al de waarde van netwerkzichtbaarheid en kwalitatief goede testapparaten. Met het doel om een compleet pakket aan netwerk monitoring aan bedrijven te bieden zijn zij van start gegaan. Inmiddels is deze organisatie een grote speler op de markt, met producten die worden gezien als koplopers in de IT-industrie. De netwerk monitoring tools die zij aanbieden geven alle klanten op een gebruiksvriendelijke manier complete inzage en 24/7 toegang tot hun netwerk. Met meer dan 1.000 klanten uit 55 landen, biedt deze organisatie een

Bekijk vacature »

Senior .NET Developer

Organisatie Deze organisatie is marktleider op het gebied van software voor de automotive industrie. Zij maken software ter bevordering van de rittenregistratie en wagenparkadministratie voor leasemaatschappijen. Het bedrijf is circa 60 man groot waarvan 9 software developers. Naast de development afdeling heb je een creative-afdeling, een salesafdeling en een supportafdeling. De organisatie bestaat bijna 20 jaar en is nog altijd groeiende. De medewerkers zijn er loyaal en staan allen achter de ambitie die het bedrijf heeft. De sfeer is er erg informeel, binnen een uiterst moderne werkomgeving. Functie Als back-end developer ben je een belangrijke schakel binnen het scrum team.

Bekijk vacature »

Java Developer / Cloud / Java EE Frameworks / inho

Functieomschrijving Would you like to work on different projects and develop online platforms for various clients in a software house? Are you getting excited about working for different well-known brands at inhouse projects? Apply now! Develop diverse online platforms; Work closely with the Front-End developers and other team members; Communicating with clients; Watch over the architecture of the applications. Functie-eisen You have a University BSc. or MSc. degree, preferably in the area of Informatics; You have at least 3 years experience with Java; You have been working in an Agile/Scrum/DevOps environment; You have experience with Spring, Cloud, Web Services and

Bekijk vacature »

Junior PHP developer

Bedrijfsinformatie Deze jonge, informele organisatie is op zoek naar een versterking. Ze geloven in het intern opleiden van ontwikkelaars zodat ze op de lange termijn onderdeel kunnen worden van dit hechte team van zo’n 15 medewerkers. Dit is dus jouw kans! Deze organisatie is sinds 5 jaar flink aan de weg aan het timmeren maar wil ook klein blijven om zo het hechte teamverband te behouden. Je moet er dus op tijd bij zijn voor deze functie! Deze organisatie specialiseert zich tweeledig: Enerzijds maken ze websites en anderzijds webshops. Hierin hebben ze een aantal grote klanten in de commerciële sector

Bekijk vacature »

Medior PHP Developer Onderwijssoftware Symfony

Organisatie Je komt te werken binnen een jonge organisatie die 5 jaar geleden is begonnen in een tuinhuisje. Samen met een ervaren programmeur heeft de eigenaresse de eerste applicatie gebouwd. Inmiddels hebben ze er 3 en met de data die daar uit voor komt wordt advies gegeven aan scholen om lessen en de software te verbeteren. Inmiddels is het bedrijf sterk gegroeid en hebben ze meerdere hoge scholen, middelbare scholen en bijna de helft van alle basisscholen binnen hun portfolio. Dat komt vooral omdat iedereen die binnen het bedrijf werkt erg betrokken is bij het product en samen aan iets

Bekijk vacature »

Ervaren senior C# developer in Arnhem gezocht

Organisatie Voor een van mijn businesspartners uit de omgeving van Arnhem ben ik op zoek naar een ervaren senior C# ASP.NET developer. Deze organisatie maakt complexe software producten voor bepaalde bedrijfsprocessen. Denk hierbij aan beslisregelsystemen, klachtenmanagementsystemen, digitale formulieren of een combinatie hiervan in één portaal. De software wordt specifiek op elke klant zijn wens aangepast. Bij de klanten moet je denken aan enerzijds provincies, gemeenten en overheidsinstanties en anderzijds aan banken, hypotheekverstrekkers en verzekeringsmaatschappijen. Binnen het bedrijf, van circa zestig man groot, heerst een informele sfeer. Collegialiteit staat er hoog in het vaandel, wat je terugziet in de wekelijkse vrijdagmiddagborrel

Bekijk vacature »

Native Mobile developer en eigen Apps ontwikkelen!

Functieomschrijving De organisatie is op zoek naar een mobile developer die zich thuis voelt in het werken met Android of iOS. Met een team van developers ga je aan de slag om innovatieve apps te ontwikkelen. Door het hoge kennisniveau van het team leer je elke dag bij. Je werkt op verschillende projecten zowel in teamverband als zelfstandig. Om dit hoge kennisniveau te handhaven is de organisatie op zoek naar iemand die een grote passie heeft voor mobile development en graag elke dag wil leren. Daarnaast is het erg belangrijk dat je graag op de hoogte blijft van de nieuwste

Bekijk vacature »

Medior developer gezocht in Utrecht!

Organisatie Je komt te werken in een bedrijf dat gestart is door 3 vrienden en in 15 jaar is uitgegroeid naar een bedrijf met 20 werknemers. Zij specialiseren zich in het versimpelen van complexe informatie naar simpele functionaliteiten voor de eindgebruiker. Binnen het team hangt een gezellige informele sfeer. Ze zitten allemaal een tafel in een open ruimte waar alles met elkaar besproken kan worden. Omdat het zo’n hecht team is gaan ze jaarlijks naar een stad in het buitenland waar ze een goed weekend hebben. De meeste klanten zitten in de publieke sector maar ze hebben ook projecten lopen

Bekijk vacature »

Fullstack developer

Organisatie Je komt te werken binnen een jonge organisatie die 5 jaar geleden is begonnen in een tuinhuisje. Samen met een ervaren programmeur heeft de eigenaresse de eerste applicatie gebouwd. Inmiddels hebben ze er 3 en met de data die daar uit voor komt wordt advies gegeven aan scholen om lessen en de software te verbeteren. Inmiddels is het bedrijf sterk gegroeid en hebben ze meerdere hoge scholen, middelbare scholen en bijna de helft van alle basisscholen binnen hun portfolio. Dat komt vooral omdat iedereen die binnen het bedrijf werkt erg betrokken is bij het product en samen aan iets

Bekijk vacature »

Medior C# developer / .NETcore /

Om je even mee te nemen in deze gave organisatie, stel je het volgende voor: Je komt binnen in een open kantoortuin waar iedereen elkaar kan zien werken. Dit resulteert in een hecht team dat elkaar motiveert om het beste uit zichzelf en elkaar te halen. In deze kantoortuin bevindt zich niet alleen een tafeltennistafel, maar tevens een heuse bar waar elke vrijdag middag met elkaar wordt geborreld! Iedere twee maanden wordt er door de personeelsvereniging een activiteit georganiseerd met een hoge opkomst. Be there or be square! Deze organisatie is gelegen in regio Utrecht en is gespecialiseerd in het

Bekijk vacature »

Front-end Developer

Hey Front-end Developer met allround IT Skills, Heb je heel even om het volgende te lezen? KWIKQY denkt dagelijks als een start-up. Do you love Back-end en heb je ook nog brede kennis van IT en/of server beheer in de Cloud (denk aan AWS of Google Cloud) ofwel ben jij een IT all-rounder? Cool! Dan is KWIKQY jouw toekomst, gegarandeerd! Ben jij zo gedreven dat jij als back-end developer de rots in de branding bent voor onze innovatieve en internationaal snel groeiende software tool KWIKQY? Vind jij afwisseling, persoonlijke groei, verantwoording, innovatie (denk aan kunstmatige intelligentie) en toekomst belangrijk? Dan

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 »
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/08/2019 16:59:22
 
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.