Krijg webfont niet zichtbaar

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Stage ICT

Ben jij op zoek naar een uitdagende stage om een vliegende start aan je IT carrière te maken? Sue is op zoek naar collega's voor een: Stage IT voor onze locatie in Geldermalsen Over de stage: Elk half jaar studeren meerdere technische hbo-stagiairs bij Sue af. Deze studenten zijn ambitieus, behulpzaam en geïnteresseerd in Unix en opensourcesoftware. Een afstudeerstage duurt in het algemeen een half jaar. Je volgt technische trainingen over onderwerpen als SUSE Linux en Grafana. Tevens volg je professionele vaardigheidstrainingen, zoals Krachtig Presenteren en Schrijfvaardigheid. Je werkt aan technische projecten en ondersteunt Sue-evenementen indien nodig. De meeste tijd

Bekijk vacature »

IT Master Data Manager

Dümmen Orange is the world’s largest breeder and propagator of cut flowers, bulbs, tropical plants, pot plants, bedding plants and perennials. For our IT department in De Lier, we are looking for an IT Master Data Manager. Job objective Our organization grows and flourishes. This results in a fast-changing and, therefore, challenging environment. We grow organic as well as by acquiring other companies. To keep up with this international growth and to continue further professionalization we are looking for an experienced Master Data Manager. The master data is key to keep in control and to further develop our company. The

Bekijk vacature »

Technical Lead Developer met doorgroei mogelijkhed

Voor een toonaangevende specialist in softwareoplossingen gericht op strategisch portfolio management ben ik op zoek naar een ambitieuze Technical Lead. De applicatie is volop in ontwikkeling. Zo worden er vele nieuwe functionaliteiten toegevoegd in .Net Core en staat een migratie naar de Azure op de planning. Om deze ontwikkeling te begeleiden en het team aan te sturen, zijn ze op zoek naar een ambitieuze Technical Lead. Wat je gaat doen: Een roadmap maken voor de komende jaren De juiste architectuur neerzetten, hands-on ontwikkelen (front-end en back-end) De migratie naar Azure begeleiden Het 8-koppige ontwikkel team inhoudelijk aansturen en coachen Communicatie

Bekijk vacature »

C# developer gezocht, hardware component, inhouse,

Ben je een C# developer en zoek je een baan in Rotterdam waar je systemen ontwikkeld die communiceren met hardware? Bij een klein bedrijf met korte lijnen, een open cultuur en veel vrijheid? Wellicht dat dit dan iets voor je is. Voor een klant in Rotterdam zijn we op zoek naar een ervaren C# developer. Het gaat hier om een bedrijf dat gericht is om voor overheden en ondernemingen informatie vanuit bepaalde meetsystemen te verwerken en te presenteren. Zo is bijvoorbeeld een van de projecten waar je als ontwikkelaar aan gaat werken; het bouwen van een website waar gebruikers informatie

Bekijk vacature »

Product Owner

Do you have strong content and managerial skills? Do you enjoy customer interactions, building and maintaining productive teams? Do you get excited when you hear the words innovation and delivery? Then this job opening is what you are looking for! We need your expertise You are responsible for the content of your product line/competence line, on an operational, tactical, and strategic level. Activities are all technology and people related. You will: Design and own a content roadmap (e.g. in the field of data analytics, software, IT, or IoT) Co-shape business solutions with sales; acting as a conduit between the customer

Bekijk vacature »

Apex Developer/Ontwikkelaar in Zuid-Holland

Functieomschrijving Als Apex enthousiast ben jij een welkome versterking voor dit team dat momenteel 4FTE groot is op de IT-afdeling. Je komt zodoende terecht in een hecht team ben met mensen die graag met Apex en ook met Oracle werken. Binnen deze functie ben je verantwoordelijk voor het achterhalen van de juiste behoeften bij de interne klanten. Daarnaast werk je aan het onderhouden, door ontwikkelen en nieuwbouw van maatwerk applicaties. Voor 80% bestaat het werk uit APEX en voor 20% uit PL/SQL. Daarbij kom je te werken binnen een gedreven team waarbij de communicatielijnen kort zijn en er zeker ook

Bekijk vacature »

.NET Developer / C# / Amsterdam / financiële

Functieomschrijving Wil jij als .NET Developer bij deze organisatie in Amsterdam als kartrekker in een Scrum team fungeren en je helemaal uitleven in de backend met C#? Krijg jij een grote kick van veel verantwoordelijk en mogelijkheden in een .NET backend? Vindt jij het leuk requirements op te halen bij de business en deze te vertalen in concrete oplossingen? Dan past deze functie jou perfect! Als developer nieuwe gave features implementeren; Werken met technieken als C# .NET en (REST) API's webservices; Ontwikkelen van koppelingen middels API's; Maken van technische keuzes en beslissingen over de architectuur; Junior collega's coachen; Initiatief nemen

Bekijk vacature »

Junior Java Developer / DevOps / Cloud / Financi&e

Functieomschrijving Wil jij graag aan de slag als Java Developer? Heb jij affiniteit met de financiële branche? Wil jij systemen ontwikkelen die een grote impact hebben en binnen de gehele organisatie gebruikt worden? Solliciteer dan nu! Als Developer ben je primair verantwoordelijk voor het ontwerpen, bouwen en testen van software in al zijn facetten: Het designen en developen/ontwikkelen in Java van nieuwe software en nieuwe features op bestaande functionaliteiten; Het reviewen en overzien van de geschreven code; Het continu verbeteren van de richtlijnen en standaarden voor het geleverde werk binnen het team; Het bijdragen aan het verder automatiseren van de

Bekijk vacature »

.NET Developer Zorg-ICT

Complexe software ontwikkelen: dat is jouw ding! Voor onze vestiging in Hoogeveen zoeken wij fanatieke junior en senior .NET Developers die met de laatste Microsoft-tools en -technieken willen werken. Jij bent gemotiveerd en draagt graag verantwoordelijkheid voor je 'eigen' software, die wordt ingezet in ziekenhuizen door heel Nederland. Jouw baan Je bent verantwoordelijk voor het ontwerpen, ontwikkelen, ondersteunen en onderhouden van jouw eigen module. Dit gaat om complexe ICT-producten die feilloos moeten functioneren binnen de complexe omgeving van een zorgorganisatie. Je werkt zelfstandig of in een klein team. ChipSoft maakt gebruik van een zelf ontwikkeld multi tier framework. Tijdens een

Bekijk vacature »

PHP/Magento developer gezocht met 1-2 jaar werkerv

Functieomschrijving In deze rol werk je met PHP/Magento dus het is fijn als je met 1 van de 2 gevraagde technieken ervaring hebt. Mocht je Magento gecertificieerd zijn, reageer dan direct! Dus heb jij passie voor E-commerce omgevingen en ervaring met PHP en/of Magento dan ben je hier aan juiste adres. Functie-eisen - HBO werk- en denkniveau; - Minimaal 1-2 jaar relevante werkervaring; - Magento kennis is een pré. - Kennis van PHP frameworks. Bedrijfsomschrijving Deze informele organisatie zoekt een PHP/Magento developer die inmiddels 1-2 jaar werkervaring heeft. Ze bouwen hier aan hele toffe E-commerce oplossingen. De oplossing zijn divers

Bekijk vacature »

Back-end PHP Developer / Maatschappelijk betrokken

Functieomschrijving Ben jij een developer die de volgende stap in zijn carrière wilt maken? Wijk jij niet uit voor precisie werk in een open en informele omgeving? Lees dan snel verder en reageer! Her- en uitbouwen van het inhouse softwareplatform dmv PHP; Onderhouden van bovengenoemd platform in PHP; Sparren met het team; Meedenken over nieuwe functionaliteiten, security etc; Jouw input leveren aan het proces door op de hoogte te blijven van nieuwe ontwikkelingen etc. Functie-eisen Afgeronde HBO of WO opleiding, liefst in de richting van Informatica; Je hebt minimaal 3 jaar ervaring als PHP Developer; Je hebt ervaring met object

Bekijk vacature »

IT-Traineeship junior software programmeur

Zoek jij een stevige uitdaging en de mogelijkheid om veel nieuwe dingen te leren in een dynamisch vakgebied? Doe mee aan ons IT Professional Program en ontwikkel jezelf tot software engineer! Je begint met een opleidingstraject van 3 maanden. Hierin ga je aan de slag met verschillende technieken die je op conceptueel niveau leert te overzien en interpreteren. Onderwerpen die aan bod komen zijn o.a. programmeren (Java/C#/Python), Object Oriëntatie, Databases, Webservices & webtechnologieën, Domain Driven Design en Continuous Integration/Continuous Delivery. Sommige van deze onderdelen sluit je af met een examen en bijbehorende certificering. Het opleidingstraject zelf sluit je af met

Bekijk vacature »

Ervaren Cognos Ontwikkelaar gezocht!

Functieomschrijving Je zal meedraaien met de bestaande scrumteams die al goed presteren. Je bent je er dus van bewust dat er zaken opgepakt moeten worden die soms niet per se in jouw vakgebied liggen. Hierdoor ontwikkel jij je kennis op een breder vlak. Het is daarom belangrijk om een enthousiaste, proactieve houding te hebben. Functie-eisen – Je beschikt over ruime kennis van en ervaring met het ontwikkelen van Cognos producten; – Je hebt minimaal 2 jaar ervaring met Cognos; – Je voelt je comfortabel in de rol van Informatie analist; – Je hebt ervaring met datamodelleren en het testen van

Bekijk vacature »

allround software ontwikkelaar

Allround software ontwikkelaar. We zoeken een medior of senior allround software man/vrouw die klaar is om aan de leuke projecten aan te pakken die al klaar liggen voor je. De projecten zullen variëren van klein tot groot en is dus veel afwisseling. Voor ons is er geen dag hetzelfde als die van gisteren. Gisteren bouwde je nog een complexe applicatie, vandaag integreren we tussen systemen, morgen ben je een applicatie aan het schrijven. Wat ga jij doen? Je bent verantwoordelijk voor het hele proces, van de architectuur tot de database en de gebruiksvriendelijkheid van de systemen. We hebben een kleine

Bekijk vacature »

software engineer / applicatieontwikkelaar (m/v)

Wij zijn op zoek naar een software engineer / applicatieontwikkelaar, (M/V) 40 uur p/w Carrièreniveau: Startend / Midcareer De werkzaamheden: Als applicatieontwikkelaar ben je verantwoordelijk (in teamverband) voor het maken/schrijven van software voor het bedrijf zelf. Dit kan betrekking hebben op het hele spectrum van de software die gebruikt wordt: Database Instrumentatie en robotica Websites en -api’s. Gevraagd profiel: Wij zoeken een enthousiaste kandidaat met HBO ICT opleiding of een uitstekende MBO-er ICT. Je hebt een positieve en flexibele werkhouding. Affiniteit of ervaring met industriële automatisering of robotica geldt als een pré. Kennis van met name FileMaker, C#, html, php,

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

26/02/2020 05:15:54
 
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.