Ofta ser koden ut ungef\u00e4r s\u00e5 h\u00e4r<\/a><\/strong> :<\/p>\n Och sedan kan du anv\u00e4nda den i din stilmall s\u00e5 h\u00e4r<\/a> :<\/p>\n Men vad h\u00e4nder om n\u00e5gon ger dig en upps\u00e4ttning teckensnitt som de vill anv\u00e4nda i sitt projekt som \u00e4r i ett filformat och som inte finns p\u00e5 n\u00e5gon typ av inneh\u00e5llsleveransn\u00e4tverk?<\/p>\n F\u00f6r det f\u00f6rsta \u00e4r det v\u00e4rt att notera att f\u00f6r att anv\u00e4nda vissa typsnitt i dina projekt m\u00e5ste de falla under en specifik licens. Det h\u00e4r \u00e4r inte inl\u00e4gget som kommer att diskutera de olika licenstyperna, men se till att du har beh\u00f6righet f\u00f6r typsnittet.<\/p>\n F\u00f6r det andra, notera att det finns olika format f\u00f6r typsnitt. I exemplet nedan kommer du att se att jag anv\u00e4nder OpenType-formatet. TL;DR-versionen av detta \u00e4r som f\u00f6ljer:<\/p>\n OpenType-formatet \u00e4r en upps\u00e4ttning av de befintliga TrueType- och Adobe\u00ae PostScript\u00ae Type 1-teckensnittsformaten. Det m\u00f6jligg\u00f6r f\u00f6rb\u00e4ttrad plattformsoberoende dokumentportabilitet, rikt spr\u00e5kst\u00f6d, kraftfulla typografiska funktioner och f\u00f6renklade teckensnittshanteringskrav.<\/p>\n<\/blockquote>\n Om du \u00e4r intresserad kan du l\u00e4sa mer h\u00e4r<\/a><\/strong>.<\/p>\n F\u00f6r det tredje, n\u00e4r det g\u00e4ller att arbeta med dessa typsnitt, stilmallar och inf\u00f6rliva dem inom ramen f\u00f6r ett WordPress-plugin, tycker jag att det \u2013 precis som med allt annat \u2013 \u00e4r viktigt att h\u00e5lla saker organiserade.<\/p>\n Inom tillg\u00e5ngskatalogen har jag normalt en css-<\/strong> och en js-<\/strong> katalog. Ibland inkluderar detta \u00e4ven bilder<\/strong> och i det h\u00e4r exemplet inkluderar det \u00e4ven teckensnitt<\/strong>.<\/p>\n N\u00e4r typsnitten v\u00e4l har placerats i r\u00e4tt katalog \u00e4r det v\u00e4ldigt enkelt att inkludera dem i din stilmall. F\u00f6rst definierar du dem s\u00e5 h\u00e4r<\/a><\/strong> :<\/p>\n Och sedan kan du anv\u00e4nda dem (tillsammans med en ordentlig reserv) s\u00e5 h\u00e4r<\/a><\/strong> :<\/p>\n F\u00f6r att vara komplett \u00e4r det v\u00e4rt att notera att du helt enkelt kopplar upp stilmallarna som alla andra i ett plugin:<\/a><\/strong><\/p>\n Det \u00e4r allt.<\/p>\n Visst, allt detta \u00e4r l\u00e4tt att sp\u00e5ra men de viktigaste punkterna v\u00e4rda att notera \u00e4r:<\/p>\n Och det \u00e4r allt.<\/p>\n![\"Inklusive](\"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>\nAnpassade teckensnitt i WordPress-plugins<\/h2>\n
\n
Organisera teckensnitt i en plugin<\/h3>\n
![\"Inklusive](\"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>\nEtt enkelt inl\u00e4gg<\/h2>\n
\n