-
Data: 2018-04-10 14:22:38
Temat: Re: W jaki sposób osadzane są glify na stronach WWW?
Od: Tomek <s...@w...xxx.pl> szukaj wiadomości tego autora
[ pokaż wszystkie nagłówki ]W dniu 10.04.2018 o 09:24, Marek S pisze:
> W dniu 10.04.2018 o 00:38, Borys Pogoreło pisze:
>
>>
>> Musisz mieć font ze zdefiniowanymi ligaturami, w tym przypadku
>> korzystasz z
>> ligatury "android":
>
> Tak, to wiem. Tylko za diabła nie wiem w jaki sposób tag:
>
> <tag class="material-icons">nazwa</tag>
>
> konwertowany jest na androida czy inną ikonkę. Rozumiałbym gdyby pod
> literą A kryła się ikona androida a pod B ikona Apple w danym foncie.
> Natomiast nie rozumiem w jaki sposób ciąg znaków zamieniany jest na
> jeden znak. W tym przypadku ciągiem znaków jest "nazwa".
>
Pod spodem fragment jak to jest zrobione w fontawesome.
Podobnie jest w bootstrapie i innych.
np:
<span class="fa fa-flag"></span>
i widzisz flagę
----------------------------------------------------
--------
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0
')
format('embedded-opentype'),
url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontaw
esomeregular')
format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[...]
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
Następne wpisy z tego wątku
- 10.04.18 19:21 Marek S
- 11.04.18 09:51 Tomek
- 11.04.18 10:16 Marek S
- 11.04.18 10:57 Tomek
- 11.04.18 13:40 Marek S
- 11.04.18 22:19 Roman Tyczka
- 12.04.18 09:01 Marek S
- 12.04.18 17:14 Roman Tyczka
- 12.04.18 22:25 Marek S
- 12.04.18 22:34 Borys Pogoreło
- 12.04.18 22:52 Marek S
- 13.04.18 10:29 Tomek
- 13.04.18 10:48 Marek S
- 13.04.18 11:48 Borys Pogoreło
- 14.04.18 15:01 Marek S
Najnowsze wątki z tej grupy
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
- TypeScript - jak uzyskać zmienne prywatne? Gdzie korzyści z TS?
Najnowsze wątki
- 2024-05-28 Co dalej z Izerą...
- 2024-05-28 Nowe samochody są RAKOTWÓRCZE tylko nikt tego nie chce głośno powiedzieć
- 2024-05-28 czy zabioro mu auto?
- 2024-05-27 Chińczyki mają dość czekania na tuska i te jego UROJONE audyty
- 2024-05-27 coraz trudniejsze rozmowy o OC
- 2024-05-28 Przednia lampka rowerowa Basta / AXA pod dynamo w piaście
- 2024-05-28 Boję siię capa...
- 2024-05-24 Efekt gitarowy koda kd-30 trash metal
- 2024-05-27 Re: Efekt gitarowy koda kd-30 trash metal
- 2024-05-27 Wykrywanie przerwy w długim przewodzie zakopanym w ziemi.
- 2024-05-27 PT500
- 2024-05-28 Łódź => SAP CO Consultant <=
- 2024-05-28 Białystok => Senior Developer React Native <=
- 2024-05-28 Kraków => Mid/Senior QA Engineer <=
- 2024-05-28 Wrocław => Key Account Manager <=