Cz\u0119sto kod wygl\u0105da mniej wi\u0119cej tak<\/a><\/strong> :<\/p>\n A potem mo\u017cesz go u\u017cy\u0107 w swoim arkuszu styl\u00f3w w ten<\/a> spos\u00f3b :<\/p>\n Ale co, je\u015bli kto\u015b dostarczy ci zestaw czcionek, kt\u00f3rych chce u\u017cy\u0107 w swoim projekcie, kt\u00f3re s\u0105 w formacie pliku i kt\u00f3re nie s\u0105 hostowane w jakim\u015b rodzaju sieci dostarczania tre\u015bci?<\/p>\n Po pierwsze, warto zauwa\u017cy\u0107, \u017ce aby u\u017cywa\u0107 pewnych czcionek w projektach, musz\u0105 one podlega\u0107 okre\u015blonej licencji. To nie jest post, kt\u00f3ry b\u0119dzie omawia\u0142 r\u00f3\u017cne typy licencjonowania, ale upewnij si\u0119, \u017ce masz pozwolenie na czcionk\u0119.<\/p>\n Po drugie, zwr\u00f3\u0107 uwag\u0119, \u017ce istniej\u0105 r\u00f3\u017cne formaty czcionek. W poni\u017cszym przyk\u0142adzie zobaczysz, \u017ce u\u017cywam formatu OpenType. Wersja TL; DR tego jest nast\u0119puj\u0105ca:<\/p>\n Format OpenType jest nadzbiorem istniej\u0105cych format\u00f3w czcionek TrueType i Adobe\u00ae PostScript\u00ae Type 1. Zapewnia lepsz\u0105 przeno\u015bno\u015b\u0107 dokument\u00f3w mi\u0119dzy platformami, bogate wsparcie j\u0119zykowe, zaawansowane mo\u017cliwo\u015bci typograficzne i uproszczone wymagania dotycz\u0105ce zarz\u0105dzania czcionkami.<\/p>\n<\/blockquote>\n Je\u015bli jeste\u015b zainteresowany, mo\u017cesz przeczyta\u0107 wi\u0119cej tutaj<\/a><\/strong>.<\/p>\n Po trzecie, je\u015bli chodzi o prac\u0119 z tymi czcionkami, arkuszami styl\u00f3w i w\u0142\u0105czanie ich w kontekst wtyczki WordPress, uwa\u017cam, \u017ce \u2013 jak w przypadku wszystkiego innego \u2013 utrzymanie porz\u0105dku jest wa\u017cne.<\/p>\n W katalogu asset, zwykle mam katalog css<\/strong> i js<\/strong>. Czasami obejmuje to r\u00f3wnie\u017c obrazy<\/strong>, aw tym przyk\u0142adzie r\u00f3wnie\u017c czcionki<\/strong>.<\/p>\n Po umieszczeniu czcionek we w\u0142a\u015bciwym katalogu, bardzo \u0142atwo jest umie\u015bci\u0107 je w swoim arkuszu styl\u00f3w. Najpierw definiujesz je tak<\/a><\/strong> :<\/p>\n A potem mo\u017cesz ich u\u017cy\u0107 (wraz z odpowiedni\u0105 rezerw\u0105) w ten<\/a><\/strong> spos\u00f3b :<\/p>\n Aby zako\u0144czy\u0107, warto zauwa\u017cy\u0107, \u017ce po prostu pod\u0142\u0105czasz arkusze styl\u00f3w tak, jak ka\u017cdy inny we wtyczce:<\/a><\/strong><\/p>\n To wszystko.<\/p>\n Jasne, wszystko to jest \u0142atwe do \u015bledzenia, ale g\u0142\u00f3wne punkty, na kt\u00f3re warto zwr\u00f3ci\u0107 uwag\u0119 to:<\/p>\n I to wszystko.<\/p>\n![\"Do\u0142\u0105czanie](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-162272-61e73a560748d.png\")
<\/a><\/p>\n<link href=\"https:\/\/fonts.googleapis.com\/css?family=Roboto\" rel=\"stylesheet\"> <\/code><\/pre>\nfont-family: 'Roboto', sans-serif;<\/code><\/pre>\nNiestandardowe czcionki we wtyczkach WordPress<\/h2>\n
\n
Organizowanie czcionek we wtyczce<\/h3>\n
![\"Do\u0142\u0105czanie](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-162272-61e73a591dfc1.png\")
<\/a><\/p>\n@font-face {\n font-family: GothamLight;\n src: url(\"..\/fonts\/Gotham-Light.otf\") format(\"opentype\");\n}\n\n@font-face {\n font-family: ThirstyScriptMedium;\n src: url(\"..\/fonts\/ThirstyScriptMedium.otf\") format(\"opentype\");\n}<\/code><\/pre>\n#search_keywords {\n background: #ffffff;\n color: #151335;\n font-family: 'GothamLight', sans-serif;\n}<\/code><\/pre>\n<?php\n\nadd_action('wp_enqueue_scripts', 'acme_enqueue_styles');\n\/**\n * Registers the stylesheet for the Acme Plugin Styles.\n *\/\nfunction acme_enqueue_styles()\n{\n wp_enqueue_style(\n 'acme-visuals',\n plugin_dir_url(dirname(__FILE__)).'assets\/css\/public.css',\n [],\n rand(),\n 'screen'\n );\n}\n<\/code><\/pre>\nProsty post<\/h2>\n
\n