@font-face

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"> 
@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');
}
0
  1. Ścieżki na pewno masz poprawne?
  2. Jak używasz dany font?
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;

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

@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;
}

1 użytkowników online, w tym zalogowanych: 0, gości: 1