Krijg webfont niet zichtbaar

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Technisch Ontwerper / Applicatieontwikkelaar max.

Op woensdag 6 november organiseert CIMSOLUTIONS op 7 locaties in Nederland het ICT Professional Event. Tijdens deze avond kun je naast een hapje en een drankje onze sfeer komen proeven. Maak kennis met CIMSOLUTIONS, onze collega’s en beleef de ervaringen van onze ICT specialisten én de projecten waar zij het verschil maken. Kijk voor meer informatie en/of aanmelden op: https://www.cimsolutions.nl/nl/cimsolutions-ict-professionals-event Wie zoeken we? Je bent de beste in je vak of hebt de ambitie en de potentie om de beste te worden. Je hebt de passie om nieuwe technologieën te blijven leren en continu jezelf te ontwikkelen. Je hebt de

Bekijk vacature »

Java Custom Software Developer

Jouw rol Als Java developer houd jij van uitdagende maatwerk oplossingen. Het liefste bouw je aan aan complexe en grootschalige oplossingen. Laatst zag je bijvoorbeeld nog een slimme oplossing voorbij komen die je graag zou willen uitwerken. Moet je daarvoor nieuwe technologie leren kennen, dan school jij jezelf bij. Soms moet je je collega's en de klant overtuigen om jouw idee te omarmen. Als jij dan het door jou aangebrachte idee ziet draaien dan kijk jij er alweer naar uit om de volgende oplossing te bouwen. Plaats in de organisatie Binnen onze Custom Software Development practice (CSD) werken we gezamenlijk

Bekijk vacature »

Junior PHP developer gezocht, Unieke kans!

Functieomschrijving Je komt in een team van 9 mensen te werken en je gaat in eerste instantie werken aan applicaties waarmee hele slimme berekeningen gemaakt kunnen worden. Je gaat een traject in waarbij in enkele maanden getraind gaat worden rondom het werken met de huidige applicaties en het ontwikkelen hieraan. Er is veel ruimte voor overleg en je krijgt heel veel mogelijkheden om jezelf te ontwikkelen. Zodra je inzicht hebt gekregen in het domein waarbinnen je werkt ga je steeds meer met de PHP code aan de slag. Daar krijg je alle ruimte voor. De manager van het team is

Bekijk vacature »

Python developer met WO Computer Science gezocht

Functieomschrijving Er zijn twee Python teams geformeerd waarvan de ene werkt aan applicaties (ook bij klanten op locatie) en het tweede team werkt aan het zelf ontwikkelde platform. Deze laatste functie is intern en vraagt een hoog abstractie niveau omdat het zeer technisch werk is en men binnen Python een hoog niveau haalt. Dit platform wordt gebruikt door grote internationale bedrijven binnen de aviation en engineering en helpt deze bedrijven om hun processen sterk te versnellen. Ben jij die goed geschoolde Python developer die collega's zoekt op een next level van Python? Functie-eisen - Je hebt een afgeronde HBO /

Bekijk vacature »

ICT - Applicatiebeheer

Medewerk(st)er ICT - Applicatiebeheer (40 uur) Word jij onze nieuwe collega? Dagelijks creëren wij bewustwording bij organisaties over bedrijfsveiligheid en trainen wij mensen om bij een acute noodsituatie adequaat te handelen. Op een innovatieve manier maken we zo samen Nederland een stukje veiliger. Dit doen we met enthousiaste en gedreven mensen. Ervaren professionals binnen hun vakgebied! Kun jij hierbij van toegevoegde waarde zijn? De komende jaren zetten we vol in op automatisering om onze klanten nog beter van dienst te kunnen zijn. Onze huidige ICT afdeling uitbreiden is dan ook een must. Daarom zijn wij per 1 januari 2020 op

Bekijk vacature »

.NET developer / C# / MySQL Database

.NET developer / C# / MySQL Database regio Doetinchem Functieomschrijving Ben jij een .NET ontwikkelaar die aan de slag wil gaan als .NET developer, maar ook veel te maken wil hebben met de klant? Dan ben je bij deze innovatieve, vooruitstrevende en internationaal georiënteerde organisatie in de regio Doetinchem aan het juiste adres. Je krijgt hier de mogenlijkheid om een creatief team versterken. Spreekt dit je aan reageer dan snel op deze volgende stap in jouw carriere! Jouw meest voorkomende werkzaamheden zijn: Het vertalen van wensen vanuit de business naar .NET oplossingen. Dit betekent dat je of bestaande modules gaat

Bekijk vacature »

Test & Rework Technician

Do you have a technical background and eye for detail? Then you may be interested in the position of: Test & Rework Technician for our EMEA headquarter in s’-Hertogenbosch About the position: As a test & rework technician you will be responsible for performing inspection/test/rework for PCBA (Printed Circuit Board Assembly) products or written documents. Your tasks include but are not limited to: Data entry to document inspection results and provide feedback on defects to quality team; Adhere to standard testing procedures and schedule to meet daily demand and quality requirements; Work efficiently in a fast paced production environment; Adhere

Bekijk vacature »

C# developer / nieuwbouw / Cloud infrastructuur

Functieomschrijving C# .NET / ASP .NET / Microsoft / Cloud / Azure Verantwoordelijk voor het ontwerpen en ontwikkelen van nieuwe software modules op het cloud platform; Verantwoordelijk voor het implementeren van applicaties; Verantwoordelijk voor het integreren van API's (JSON/REST); Ontwikkelen en uitvoeren van validatietests. Functie-eisen Minimaal HBO/WO opleiding (richting IT, wiskunde of andere BETA opleidingen); Minimaal 3 jaar ervaring als C# Ontwikkelaar; Ervaring met cloud infrastructuren (Azure); Kennis van Agile development pricipes en tools: bitbucket, confluence, Jira; Kennis van SQL, SQL Server, Oracle, API Management, REST en JSON is een pré; Goede beheersing van de Nederlandse en Engelse taal. Bedrijfsomschrijving

Bekijk vacature »

PHP developer met Drupal en Symfony

Functieomschrijving Je komt te werken aan PHP projecten, voornamelijk met Symfony Framework en Drupal CMS. Je team bestaat uit een 5 tal andere PHP en Front-end developers en samen maak je mooie en technische websites, webapplicaties en apps voor diverse klanten. Het project is pas echt af als de klant tevreden is dus ook na oplevering wordt er nog contact onderhouden en aanpassingen gedaan wanneer de klant dat wenst. Functie-eisen - Je hebt HBO werk en denk niveau - Je hebt ervaring met PHP, OOP en bij voorkeur Symfony - Je hebt kennis van HTML5, CSS3. JS - Ervaring met

Bekijk vacature »

SAP HANA ARCHITECT

SAP HANA ARCHITECT 13th month pay & Holiday allowance Bonus Program 26 holidays Training & Learning opportunities Laptop & Smartphone 32-40 hours p.w. As a SAP HANA Architect you are completely up-to-speed with all the latest technological innovations and developments. You play an important role in determining the design and delivery of HANA solutions at our clients. You work in projects with a variety of teams for our clients within different industries. You can advise the client about technology roadmaps within the domain of Analytics. You are familiar with terminology and concepts related to HANA Studio, HANA Enterprise Cloud, HANA

Bekijk vacature »

Java Developer / DevOps Engineer/ IT Security / Az

Functieomschrijving Do you have experience as a (Java) Software Developer? Do you want to develop the best and most secure features? Do you have experience in working in a security environment with a public cloud? Then this is the job for you! Because the department is in the middle of their transition to the DevOps way or working, the focus in the beginning will be more development focused. This will shift more to the combination of development, testing, and run activities in the near future. In addition, the cloud migration will be part of your work as well. The exact

Bekijk vacature »

Outsystems Developer/ C#/ .Net/ Oracle Database

Functieomschrijving Wil je werken bij een marktleider op gebied van transactieverwerking? Wil je werken aan het bouwen van een nieuw platform (greenfield) in Outsystems? Wil je jezelf blijven ontwikkelen en gebruik maken van legio opleidingsmogelijkheden? Dan is dit de ideale functie voor jou. Reageer snel! Ontwikkelen en bouwen van een nieuw Outsystems platform (greenfield); Bouwen van apps, portalen, webapplicaties, API's en businessapplicaties; Plegen van overleg met de business aangaande de diensten en producten; Achterhalen van requirements bij de business. Functie-eisen HBO werk en denkniveau; Minimaal 2 jaar ervaring met Outsystems; Kennis van en ervaring met .Net, JSON, HTML; Kennis van

Bekijk vacature »

Support Medewerker (End User)

End User Support Ben jij klaar om een wezenlijke bijdrage te leveren aan 100% klanttevredenheid bij PQR? Vind jij het leuk om je kennis te verbreden, met gave klanten te werken in een leuk, jong, dynamisch team? Dan is de functie van End User Support Medewerker jou op het lijf geschreven! Niet alleen zijn de werkzaamheden gevarieerd en superuitdagend, maar ook onze klanten zijn divers: die variëren van gemeentes en provinciale overheden tot vervoersbedrijven en zorginstellingen. En last but not least: onze producten en technologieën zijn vernieuwend en uitermate divers. Gaat jouw hart ook sneller kloppen van al deze IT-middelen

Bekijk vacature »

Senior Front-end Developer vacature

Jij weet wat er nodig is. Jouw hart gaat sneller kloppen van techniek. Jij wil vooruit. Ben jij de Front-end Developer die we zoeken? Je bent creatief, thuis in gebruikersinteractie en een gedreven engineer in hart en nieren. Daarnaast heb jij een klantgerichte en proactieve houding. Precies de kwaliteiten die een Front-end Developer nodig heeft. Wat doe je als Developer? Als Front-end Developer werk je aan de technische realisatie van front-end (web)applicaties in de verschillende uitdagende opdrachten voor Sogeti’s klanten. Dit kan zowel op klantlocatie zijn, als binnen het Center of Excellence van Sogeti. Jij houdt van het uitdenken en

Bekijk vacature »

Noordoost Java Developer vacature

Java Developer Noordoost Word onderdeel van een topteam met ervaren Java Developers. Loop voorop in de ontwikkelingen en help mee innoveren. Focus op Java Wij bouwen State of the Art applicaties met de nieuwste Java technologie en frameworks. Dit doen we door ons te richten op de open source-oplossingen binnen de wereld van Java, alle nieuwe ontwikkelingen te volgen en onze kennis te delen binnen onze eigen Java Community. Dit betekent bijvoorbeeld dat we aanwezig zijn op veel conferenties; Oracle Code One, Devoxx en JFall. We organiseren ook onze eigen collegiale sessies en hackatons waar we kennis en plezier combineren.

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/11/2019 10:33:06
 
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.