Fontface werkt op geen enkele manier

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Java Developer / Overheid / Complexiteit

Functieomschrijving Wil jij als Java Developer een bijdrage leveren aan een veiliger Nederland en je als Java Developer bezig houden met zeer complexe bedrijfskritische applicaties? Lees dan snel verder! Doorontwikkelen bedrijfskritische applicaties; Aanpassingen maken in de bestaande applicatie; Vertalen van jouw visie op continuous integration en continuous delivery; Debuggen van de applicatie; In gesprek gaan met eindgebruikers om verbetervoorstellen op te halen. Functie-eisen Minimaal HBO-werk en denkniveau; Minimaal 5 jaar werkervaring als Java Developer; Je bent minimaal OCP-Java SE 6 gercertificeerd; Je hebt kennis van Webservices en Continuous Integration; Je bent analytisch sterk en zowel klant- als resultaatgericht. Bedrijfsomschrijving Binnen

Bekijk vacature »

Senior DevOps-ontwikkelaar eIDAS

Functie­omschrijving Burgers en bedrijven veilig en betrouwbaar digitaal toegang geven tot diensten en producten van het ministerie van Economische Zaken en Klimaat. Als senior DevOps-ontwikkelaar bouw je daar letterlijk aan mee. En dat doe je bij DICTU: een van de grootste en meest vooruitstrevende ICT-dienstverleners van de Rijksoverheid. Jij werkt mee aan de doorontwikkeling van eIDAS, dat staat voor Electronic IDentification Authentication and trust Services. Deze koppeling maakt de grensoverschrijdende authenticatie op overheidswebsites binnen de Europese Unie mogelijk. Het ministerie van Economische Zaken en Klimaat heeft één moderne toegangspoort voor zijn diensten en inspecties. Enkele daarvan zijn dankzij eIDAS inmiddels

Bekijk vacature »

Front-end Developer Vue.js Meewerkend voorman

Functieomschrijving Ben jij een ervaren Front-end Developer, bedreven in Vue.js en lijkt het jou gaaf om als meewerkend voorman verantwoordelijk te zijn voor de ontwikkeling van drie junior ontwikkelaars? Werk jij graag aan diverse projecten t.b.v. het vergroten van klant- en medewerkerbeleving? Lee dan snel verder! Het onderhouden, ontwikkelen en testen van front-end software van diverse klant- en medewerkersapplicaties; Het ontwikkelen van maatwerk front-end oplossingen in Vue.js en participeren in een scrumteam; Verantwoordelijk voor het begeleiden en coachen van drie junior front-end developers; Verantwoordelijk voor code-reviews en het opstellen van de juiste documentatie zoals userstories en api ontwerp; Participeren in

Bekijk vacature »

Jop B

Jop B

05/12/2017 20:26:14
Quote Anchor link
Hallo,


Op een of andere manier wilt de font niet laden. Deze word aangeroepen door de @font-face regel.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
@font-face {
      font-family:'iconjop';
    src:  url('../font/iconjop.eot');
      src:  url('../font/iconjop.eot#iefix') format('embedded-opentype'),
        url('../font/iconjop.ttf') format('truetype'),
        url('../font/iconjop.woff') format('woff'),
     url('../font/iconjop.svg#sociconregular') format('svg');
      font-weight: normal;
      font-style: normal;
}


De file staan een map erboven en dan in de map font.

Vervolgens wil ik de font gaan gebruiken

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "iconjop" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Minicart{
    float: right;
    font-size: 32px;
    position: relative;
    top: 32px;
    right: 32px;
    width: 46px;
    height: 32.2px;
}

.icon-Minicart:before {
      content: "\e900";
      color: #006dd3;
}


Helaas weergeeft de browser geen icoontjes:(

Kan iets dit tegen houden op een of andere manier?
Gewijzigd op 05/12/2017 20:31:41 door Jop B
 
PHP hulp

PHP hulp

04/08/2020 22:25:26
 
Jan Koehoorn

Jan Koehoorn

05/12/2017 20:30:22
Quote Anchor link
Er mist een [ aan het begin van je CSS.
 
Jop B

Jop B

05/12/2017 20:32:25
Quote Anchor link
Beste Jan,

Thanks voor de reactie, excuses dat was een typefout met het invoeren van het topic. Deze staat wel in de css.
 
Jan Koehoorn

Jan Koehoorn

05/12/2017 20:58:27
Quote Anchor link
In dat geval zou ik eens wat verschillende settings voor dat relatieve pad uitproberen. Staan de fontbestanden wel op de goede plek?

Probeer eens een absoluut pad vanaf je webroot (dus beginnen met /)

Nog een tip: kijk eens of een andere css selector wél werkt, dus bijv gewoon een h1 of een p.

Andere tip, probeer die CSS selectors eens te scheiden? De eerste is waarschijnlijk overbodig, want de tweede selecteert sowieso alles wat die class bevat. (Misschien nog even kijken wat er gebeurt als je die spatie weghaalt)
Gewijzigd op 05/12/2017 20:58:46 door Jan Koehoorn
 



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.