zmiana fontu w serwisie

2017-11-04 11:35
tomek190
0

Hej

nie wiem jak się za to zabrać, może po kolei. Mam boostrap 3.x gdzie w CSS jest:

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

W katalgu /fonts są różne rozszerzenia dziwnych czcicnek, typu .eot, .svg, *.woff.
Ja pobrałem czcionki roboto gdzie w takiej samej nazwie katalogu są różne typy (light, italic, black, ...) z rozszrzeniem *.ttf

Co z tym teraz zrobić ? Dodatkowo w serwis wchodzą cziocnki fontawesome, które także z różnymi rozszerzeniam znajdują się w katalogu /fonts, które znow są spięte z ogólnymi stylami do strony, np: font-family: FontAwesome;

Reasumując, chce wpiąć czcionki roboto, zastąpić wszędzie...

edytowany 1x, ostatnio: furious programming, 2017-11-04 23:07

Pozostało 580 znaków

2017-11-04 15:44
0

To jakiej czcionki użyjesz to Twój wybór, nadajesz to w cssie poprzez font-family: 'Roboto'.

Możesz mieć zaciągniętych kilka fontów ale jakiego użyjesz Ty wybierasz. Roboto możesz zaciągnąć z Gita https://github.com/FontFaceKit/roboto/tree/gh-pages/fonts albo po prostu zaimportować z google https://fonts.google.com/spec[...]oboto?selection.family=Roboto (zakładka Select this font i tam konfigurujesz grubości oraz kodowanie + wyjściowy link do importu)

Tam w tym Gicie masz plik CSS z przykładem importu czcionki https://github.com/FontFaceKit/roboto/blob/gh-pages/roboto.css

edytowany 4x, ostatnio: hapertown, 2017-11-04 15:46

Pozostało 580 znaków

2017-11-04 17:02
tomek190
0

Wielki dzięki za pomoc

Mam jeszcze jedno pytanie:

/* BEGIN Thin */
@font-face {
  font-family: Roboto;
  src: url("/fonts/roboto/Thin/Roboto-Thin.woff2?v=2.137") format("woff2"), url("/fonts/roboto/Thin/Roboto-Thin.woff?v=2.137") format("woff");
  font-weight: 100;
  font-style: normal; }
/* END Thin */
/* BEGIN Thin Italic */
@font-face {
  font-family: Roboto;
  src: url("/fonts/roboto/ThinItalic/Roboto-ThinItalic.woff2?v=2.137") format("woff2"), url("/fonts/roboto/ThinItalic/Roboto-ThinItalic.woff?v=2.137") format("woff");
  font-weight: 100;
  font-style: italic; }
/* END Thin Italic */
/* BEGIN Light */

atrybut font-family: Roboto; powtarza się cały czas odwołując się do tego atrybutu z wartością Roboto skąd wie, co pobrać, czy weight 100 czy style: italic ?

edytowany 1x, ostatnio: furious programming, 2017-11-04 23:08

Pozostało 580 znaków

Liczba odpowiedzi na stronę

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