Krijg webfont niet zichtbaar

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

IT Coordinator

IT Coordinator Purpose: We are looking for a result driven and with attention to detail individual who is going to be acting as the company’s backbone of the IT local infrastructure. Responsible to secure, troubleshoot and maintain the IT assets. The IT coordinator will be working across the different departments to improve their productivity through the implementation of IT technologies and training. General Accountabilities and Responsibilities: The job holder is responsible for but not limited to: Regular improvement, security and maintenance service to: Network servers / IT infrastructure End users’ computers IT assets (software and hardware) Provide technical support to

Bekijk vacature »

Mobile Web Developer

Apps om te betalen met je vingerafdruk, de rekening in de bar te delen of je huiskamer een sfeer kleurtje te geven met licht! Wil jij Mobile Apps realiseren die mensen echt raken? Apps maken die het leven van ons als gebruikers vereenvoudigen? Wij stellen onszelf ten doel dat we op elke smartphone in NL een App van onze hand kunnen aanwijzen. En jij? Wil jij dat soort gave projecten ook doen bij de Nederlandse topbedrijven? Impact met Apps Bij Sogeti Mobile zitten we super dicht op de huid van de gebruiker. We leveren gebruiksvriendelijke oplossingen op jouw favoriete kanaal.

Bekijk vacature »

Senior C# .Net Developer

Senior C# .Net Developer Je komt te werken in een gezellig en informele scrumteam en bouwt mee aan de ontwikkeling van een nieuwe applicatie voor groothandelaren in de bloemen- en plantenbranche. Hierbij krijg je de mogelijkheid jezelf te ontwikkelen in de richting jij wilt! Front end, back end of full stack. Wijvragen van jou… Ervaring in ontwikkelen van applicaties m.b.v. C# Teamplayer met goede communicatieve vaardigheden Een pro-actieve werkhouding De eigenschappen zelfstandig, nauwkeurig en gestructureerd HBO werk- en denkniveau Wat bieden wij… Een fulltime functie (32-40 uur) Een marktconform salaris afhankelijk van kennis en ervaring Een 13e maand en reiskostenvergoeding

Bekijk vacature »

Android developer

Do you want to participate in "pair programming"? Functieomschrijving Our client is looking to add 2 software engineers to their expanding team. The client has built one of the most popular platforms in the Netherlands. The platform is known by everyone in the country as the place to trade and pick up a bargain. We are now extending the platform and apps. The platform handles over 1 million visitors and 350.000 new advertisements. But they want to go even further - they are constantly changing their platform to improve the experience for their users. Your responsibilities will include: Build an

Bekijk vacature »

Windows Systeembeheerder

Als jij ICT in- en uitademt, dan zijn wij op zoek naar jou! Voor ons team zijn wij op zoek naar een: Windows systeembeheerder Omschrijving: Voor onze klanten, allemaal MKB-bedrijven uit de regio, verzorgen wij de ICT-omgeving. Zowel remote als bij de klant op de vloer. Wij helpen onze klanten met alle voorkomende ICT-zaken en zorgen dat het op rolletjes loopt. Wij zoeken een no-nonsense collega die plezier haalt uit het oplossen van ICT-problemen, groot en klein. Herken jij jezelf in het profiel van Windows Systeembeheerder ? Je vindt klanten helpen leuk en bent klantgericht Je houdt van verantwoordelijkheid Je

Bekijk vacature »

PHP Software Ontwikkelaar Magento 2.800 - 4.200

Functieomschrijving PHP Software Ontwikkelaar Magento 2.800 - 4.200 Magento Developer Voor de vacature als PHP Software Ontwikkelaar Utrecht Magento ga je het volgende doen: Als Magento Developer heb je oog voor detail en ben je nauwkeurig. Wanneer je een voorstel krijgt voor backend werkzaamheden weet jij precies welke technieken je moet gebruiken en waar je die moet toepassen. In afstemming met je collega’s werk je gezamenlijk aan projecten waar je nauwkeurig de wensen van de klant en technische eisen verwerkt. Werkzaamheden Wij verwachten dat jij ons als Magento Developer volwaardige projecten oplevert waarmee wij onze klanten kunnen verbazen. Je neemt

Bekijk vacature »

C# developer binnen prettig en professioneel Agile

Functieomschrijving Je komt te werken binnen een Agile Scrum team bestaande uit 10 personen; een product owner, een scrum master, meerdere ervaren developers en software testers. Samen gaan jullie aan de slag met het optimaliseren van bestaande applicaties en het bouwen van nieuwe. Dit betreffen C# ASP.NET applicaties (MVC, Web API, XML). Hierbij houd je sterk rekening met zaken als betrouwbaarheid en veiligheid. Het is een hecht team dat graag met elkaar spart en kennis deelt. Het is dan ook fijn wanneer je communicatief vaardig bent en het niet schroomt om met verbetervoorstellen te komen en hiermee aan de slag

Bekijk vacature »

Medior PHP Developer Muziekindustrie Laravel &

Developer Muziekindustrie Laravel & NodeJS Wat ga je doen? Als Medior PHP Developer ga jij in-house werken in Amsterdam. Je gaat werken aan een innovatieve muziek- registratie platform voor artiesten. Het helpt zowel kleine podcasts artiesten als beroemde artiesten met het identificeren van muziek tijdens live events. Dankzij een handige tool herkent de software 95% van alle nummers real time tijdens een event. Zij maken de muziekmarkt transparant door Royalty Fee's te betalen aan de rechtmatige eigenaren. Met als gevolg dat artiesten nu geen zorgen hoeven te maken om onverwachte claims te betalen. De technieken die jij gaat gebruiken zijn:

Bekijk vacature »

Oracle Middleware Developer

Wat je gaat doen: Wij zijn op zoek naar een Oracle Middleware Developer met kennis van/ervaring met onder andere SOA Suite 10G en/of SOA Suite 11G, WebLogic, BPEL Orchestration, Java, SOAP. Je bent bekend met de integratie laag gebaseerd op Oracle SOA Suite 10G. Als Middleware developer ben je verantwoordelijk voor de ontwikkeling van integratie tussen de diverse applicaties in het landschap, en de communicatie tussen de klant en andere stakeholders. Je werkt samen met het applicatie team, zoals functioneel ontwerpers en andere ontwikkelaars om de oplossing verder te ontwikkelen en te implementeren. Je collega’s werken onder andere met technieken

Bekijk vacature »

Software (kwaliteit) Tester

Dit ga je doen? Na de daily stand-up met jouw scrum team ga je zelfstandig aan de slag met testen van stories en review je het werk van onze engineers. Jij als software tester weet als geen ander dat software testen binnen een development team een functie op zich is. Je werkt aan herbruikbare testen en denkt al in de ‘refinement’ mee over de kwaliteit van de software. Ook help je mee met het verder professionaliseren van onze geautomatiseerde testen. De software wordt ontwikkeld in C# en met betrekking tot de database moet je denken aan SQL. De focus ligt

Bekijk vacature »

Young Professional Front-end Developer

Jij weet wat er nodig is. Jouw hart gaat sneller kloppen van techniek. Jij wil vooruit. Vacature Front-end Developer Je bent creatief, thuis in gebruikersinteractie en een gedreven developer in hart en nieren. Daarnaast heb jij een klantgerichte en proactieve houding. Precies de kwaliteiten die een Front-end Developer nodig heeft. Aan de slag als Young Professional Front-end 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 intern bij Sogeti. Jij houdt van het uitdenken en implementeren van responsive (web) apps, en

Bekijk vacature »

C# .NET ontwikkelaar gezocht, detachering (SCRUM,

Ben je een .NET C# ontwikkelaar en op zoek naar afwisseling in de regio Rotterdam? Bij een innovatief bedrijf met mogelijkheden om te groeien in zowel functie als kennis? Waar je geen nummer bent maar er aandacht is voor jou als persoon? Wellicht dat deze organisatie je dit kan bieden. Voor een detacheerder in Rotterdam zijn we namelijk op zoek naar gepassioneerde .NET ontwikkelaars. Het bedrijf heeft een regionale werkwijze waarbij ze een aantal vestigingen in Nederland hebben waaronder de hoofdvestiging in Rotterdam. Er werken momenteel circa 80 mensen. Het bedrijf is met name sterk in CRM maatwerk oplossingen en

Bekijk vacature »

Senior C# .Net Developer

Senior C# .Net Developer Je komt te werken in een gezellig en informele scrumteam en bouwt mee aan de ontwikkeling van een nieuwe applicatie voor groothandelaren in de bloemen- en plantenbranche. Hierbij krijg je de mogelijkheid jezelf te ontwikkelen in de richting jij wilt! Front end, back end of full stack. Wijvragen van jou… Ervaring in ontwikkelen van applicaties m.b.v. C# Teamplayer met goede communicatieve vaardigheden Een pro-actieve werkhouding De eigenschappen zelfstandig, nauwkeurig en gestructureerd HBO werk- en denkniveau Wat bieden wij… Een fulltime functie (32-40 uur) Een marktconform salaris afhankelijk van kennis en ervaring Een 13e maand en reiskostenvergoeding

Bekijk vacature »

Developer / lease-auto / integratie / salaris tot

Vind je het leuk om je te verdiepen in technische integratie-vraagstukken die veel uitzoekwerk vergen en waarbij je met nieuwe technieken werkt? Wil je graag bij een organisatie werken waar je geen nummer bent en die goede arbeidsvoorwaarden heeft? Functieomschrijving Vind je het leuk om je te verdiepen in technische integratie-vraagstukken die veel uitzoekwerk vergen en waarbij je met nieuwe technieken werkt? Wil je graag bij een organisatie werken waar je geen nummer bent en die goede arbeidsvoorwaarden heeft? Reageer dan nu! Het koppelen van systemen met elkaar voor data verrijking waar vervolgens business-apps en dashboards op worden gebouwd middels

Bekijk vacature »

Java developer in Utrecht bij een Softwarepartij

Functieomschrijving Ben jij een Java developer die in bij een werkgever in regio Utrecht wil werken waar alles om de software draait? Wil jij java applicaties maken die er echt toe doen? Wanneer deze applicaties niet correct werken heeft dat zelfs invloed op het opsteigen van de vliegtuigen! Intresse? Reageer snel of lees verder! Requirements ophalen bij klanten, veelal wetenschappers; Ontwikkelen van diverse Java applicaties; Onderzoek uitvoeren naar de nieuwste technieken; Schrijven van unit testen; Nauwe samenwerking tussen developers en beheerders en op termijn in DevOps teams; Circa 70% back-end ontwikkeling en 30% front-end ontwikkeling. Functie-eisen HBO/WO werk- en denkniveau;

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

22/02/2019 20:46:39
 
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.