@font-face

J4
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 50
0

Witam, mam pytanie może spotkaliście się z tym problemem importuje fonty do lessa z folderu fonts w ten sposób i są one w css tylko nie używa tych fontów... A gdy mam standardowo przez gonts.google to oczywiscie widzi je prawidłowo. W czym może być problem?

 <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet"> 
 <link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet"> 
 <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet"> 
Kopiuj
@font-face {
  font-family: "Lato";
  src: url('../fonts/Lato-Light.ttf') format('ttf'),
       url('../fonts/Lato-Regular.ttf') format('ttf'),
  	   url('../fonts/Lato-Bold.ttf') format('ttf'),
  	   url('../fonts/Lato-Black.ttf') format('ttf');
}
@font-face {
  font-family: "Montserrat";
  src: url('../fonts/Montserrat-Regular.ttf') format('ttf'),
       url('../fonts/Montserrat-Bold.ttf') format('ttf');
}
@font-face {
  font-family: "Roboto";
  src: url('../fonts/Roboto-Regular.ttf') format('ttf'),
       url('../fonts/Roboto-Bold.ttf') format('ttf');
}
Gutyo
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 15
0
  1. Ścieżki na pewno masz poprawne?
  2. Jak używasz dany font?
J4
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 50
0

Na 100% poprawne bo mam fontawesome i on pobiera z tego samego pliku jeszcze taka sama dałem co on potrzebuje,
a uzywam normalnie standardowo np font-family: Lato,sans-serif;

J4
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 50
1

Już wiem co robiłem nie tak, trzeba każdy weight fonta osobno zadeklarować :) przykład poniżej
Problem rozwiązany! Mam nadzieje ze komuś to sie przyda

Kopiuj
@font-face {
  font-family: 'Montserrat';
  src: url('/css/fonts/Montserrat-Regular.ttf') format('truetype');
	  font-weight: normal;
	  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/css/fonts/Montserrat-Bold.ttf') format('truetype');
   	  font-weight: bold;
	  font-style: normal;
}

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.