Krijg webfont niet zichtbaar

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Solution Architect Real Estate - Meeting Experienc

We’re seeking an expert in solution architecture to join an industry leading team of technical talent within our real estate business. With all the development opportunities you can expect from a supportive, global company. Where you fit You’re going to be part of our Global Real Estate business, working as a Real Estate Solution Architect for ‘Meeting Experience’ projects, with a focus on delivering solution designs across a varied and excited portfolio. This is both a challenging and rewarding role, where you’ll be helping to develop high-level designs that assure technical integrity and a measurable impact, driving performance and profitability,

Bekijk vacature »

.NET C# ontwikkelaar gezocht (C# Winforms, Xamarin

.NET C# ontwikkelaar bij een slagvaardig en hard groeiend bedrijf met korte lijnen? In een omgeving waar je onder andere direct samen met de oprichter werkt aan het verder ontwikkelen van een vernieuwend product? Dan is deze vacature zeker iets voor jou. Voor een bedrijf in Rotterdam zijn we momenteel op zoek naar een .NET C# ontwikkelaar. Het gaat om klein bedrijf dat op een punt is aanbeland waar de vraag naar hun software flink aan het toenemen is. Hierdoor zijn ze op zoek naar meerdere .NET ontwikkelaars die samen met de oprichter en nog verschillende andere collega’s hun product

Bekijk vacature »

PHP Developer

Organisatie Yes, je mag weer naar kantoor! Je loopt langs het water naar jouw prachtige werklocatie. Eenmaal in de lift bedenk je wat je vandaag weer wilt gaan leren. Je komt boven aan in de grote open ruimte en de HR medewerker groet je vriendelijk. Bij de relax hoek zie jij je collega al met een lekkere bak koffie in zijn handen staan. “Dit wordt weer een productieve en leuke dag. We hebben namelijk een nieuw project binnen gekregen in de sportbranche die wij als team mogen gaan oppakken!” roept je collega. Vol enthousiasme kletsen jullie nog even door en

Bekijk vacature »

Senior PHP Developer

Organisatie Voor deze organisatie in de regio van Tilburg zijn wij op zoek naar een Senior PHP Developer die het tof lijkt om projecten op te pakken wat landelijk bij miljoenen mensen onder de aandacht zal worden gebracht. Deze business partner is momenteel een van de beste internetbureau van Nederland, zij werken onder andere voor Heineken, Pathé en Coca-Cola. Deze organisatie staat voor kwaliteit en klantgerichtheid, mede om die reden kom je via dit bureau in contact met mooie organisaties. In totaal kom je in terecht in een organisatie dat zich met 50+ medewerkers met recht “flink” mag noemen. Functie

Bekijk vacature »

.Net ontwikkelaars gezocht in omgeving Zwolle

Functieomschrijving Binnen je functie ben je verantwoordelijk voor de technische ontwikkeling van grote projecten. Dit kunnen verschillende toepassingen zijn. Voor, tijdens en na een project zal je een aantal keer in contact staan met de opdrachtgever om het product zo veel mogelijk naar wens van de klant in te richten. Als Backend ontwikkelaar zul je hier voornamelijk gaan werken met C# .Net, ASP.NET, SQL Server en Entity Framework. Je zal hier van begin tot eind betrokken zijn bij de realisatie van een project. Functie-eisen - HBO werk-/denkniveau; - Je beheerst C# .NET op Medior of Senior niveau; - Ervaring met

Bekijk vacature »

Junior PHP Developer award winnende webshop

Deze award winnende webshop is op zoek naar een Junior / Medior PHP Developer! Je gaat werken aan de interne e-commerce systemen die voor meer dan 42 bv’s de ruggengraat zijn van de onderneming. Het systeem waar de applicaties voor ontwikkelt worden heeft oneindig veel mogelijkheden aan jou de taak om de mogelijkheden te ontdekken. Organisatie Het team gevoel staat centraal binnen deze organisatie. Dit wordt ook direct de eerste dag duidelijk; Zodra je ingewerkt word draai je overal even mee. Je helpt met orders verwerken in het magazijn, kijkt mee hoe verkoop zijn ding doet en gaat in gesprek

Bekijk vacature »

C# .NET ontwikkelaar gezocht, detachering (Azure,

Ben je een .NET 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 de

Bekijk vacature »

Network Support Engineer

Network Support Engineer – Haarlem, The Netherlands Bond Technology Management was founded in 2007 and is the leading technology management company for on-board Audio Visual, IT, Communications, Security and Navigation systems for the most advanced super yacht new builds and refit projects. What is the role about? As Network Support Engineer at Bond Technology Management (Bond TM), you will be joining a strong team of IT professionals that support some of world’s most luxurious private yachts and estates. In this role you will provide support to our customers for physical and virtual network infrastructures including WAN, LAN, and Wireless. You

Bekijk vacature »

.NET Developer / Innovatieve software / Virtual Re

Functieomschrijving Als .Net developer werken aan innovatieve software waar onder andere gebruik gemaakt wordt van Virtual Reality? Bijdragen aan een organisatie waar je uitgedaagd wordt om continu verbeteringen en ontwikkelpunten te ontdekken en door te voeren? Werken in de omgeving Putten? Reageer dan nu voor meer informatie! Het pro-actief aandragen van verbeteringen voor de bestaande applicatie; Ontwikkelen van nieuwe functionaliteiten; Doorvoeren van aanpassingen en wijzigingen; Verantwoordelijk voor koppelingen met andere systemen; Op de hoogte blijven van technische ontwikkelingen. Functie-eisen Hbo werk- en denkniveau; Een afgeronde IT gerelateerde opleiding; Minimaal 1 jaar professionele ervaring als developer; Aantoonbare kennis van C#; Initiatiefrijke

Bekijk vacature »

Remote Front-End Developer

Ben jij het ook beu om iedere ochtend weer in de file te staan? Lees dan nu verder. Voor een van mijn opdrachtgevers ben ik opzoek naar een senior Front-end ontwikkelaar die zelfstandig kan werken maar ook ambities heeft om de kar te trekken. De organisatie bestaat uit 30 FTE en ja iedereen werkt vanuit huis! Het ontwikkel team bestaat uit 10 ontwikkelaars verdeeld over front-end en back-end. Ondanks dat je vanuit huis werkt is er wel echt een wij gevoel. Er gaat geen dag voorbij dat je niet gebeld wordt door een collega die met jou wil sparren of

Bekijk vacature »

PHP Developer

Organisatie Vanaf de buitenkant is het lastig te zien maar in een kantoor in het centrum van Eindhoven gaat een heuse PHP paradijs schuil, aan de `hemelpoort` beneden bij de receptie zit een lieve dame die jou als een Petrus feilloos weet te vertellen welke kant je op moet om het heilige grond te betreden. Eenmaal boven wacht daar een hemelse bak koffie of thee en verwelkom jij je andere 20 teamleden met een goede (vrijdag)morgen. Vandaag is de dag dat jij je bezig gaat houden met 2 verschillende projecten, een hiervan staat in de ochtend centraal en de andere

Bekijk vacature »

System Performance C++ Software Developer

System Performance C++ Software Developer (Bachelor, Master, Software Engineering, Computer Science, C++) Organization For our client, a high grade technical company in the Netherlands,we are looking for several Software Engineers with a great skill in C++ and want to push their knowledge to the next level. You will be part of a small a team, you will be working on providing and improving software that enables access to system data of our clients machine. Function Description As our clients machine is an extremely complex, it is crucial that there is data available which will indicate system performance that can be

Bekijk vacature »

Frontend ontwikkelaar

In jouw studententijd heb jij altijd dat beetje extra gegeven. Was het geen honours class, dan waren het wel relevante commissies of was jij gewoon heel goed in wat je deed. Tijdens je studie heb jij laten zien dat jouw passie bij ICT ligt en dat je energie krijgt om hier met leeftijdgenoten over te sparren. Of dit nu binnen-, of buiten de studie was in de vorm van eigen projecten. Dit bedrijf is gelegen in regio Amsterdam en is gespecialiseerd in dashboarding software. Bij binnenkomst wordt je verwelkomt door een warme, industriële sfeer. Het bedrijf telt 25 developers die

Bekijk vacature »

Senior Java developer / Online data organisatie

Functieomschrijving Werk jij als Java Developer al jaren in een Agile team en wil jij data gedreven werken? Wil je daarnaast je development skills gebruiken bij een bedrijf dat online data genereert? Lees dan snel verder! Back-end dataprocessing applicaties bouwen; Koppelingen met REST API’s maken; Productiewaardig implementeren van machine learning algoritmen; Hoogwaardige codes schrijven. Functie-eisen Minstens 3 jaar ervaring; Affiniteit met het werken met data; Met Scrum en Agile wijze werken; Gebruikerservaring met producten uit de Atlassian suite (JIRA, Confluence, Git); Ervaring met Git, JUnit en Maven; Kennis en/of ervaring met Data tooling waaronder Hadoop is een grote pré; Goede

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 »
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/09/2019 20:51:35
 
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.