{"title":"Custom Fonts \u0026 Typography","description":"\u003cp\u003eCustom Fonts \u0026amp; Typography work for Shopify and Shopify Plus stores, handled as a flat-rate task by an in-house team that has worked on this since 2016.\u003c\/p\u003e\u003cp\u003eWe have completed 432 custom fonts \u0026amp; typography requests for merchants, including work on Symmetry, Mobilia, Icon and Turbo. Typical turnaround is 1 to 2 business days. Below are 6 real examples with the request, the approach and what shipped.\u003c\/p\u003e","products":[{"product_id":"font-size-and-spacing-adjustment-symmetry","title":"Font Size and Spacing Adjustment","description":"\u003cp class=\"task-lead\"\u003eAn apparel brand wanted control over font sizes in rich text sections without affecting the same heading style everywhere else.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI need help with fonts in the rich text module. I want to change the size in one section without it changing every headline on the site.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eThe theme applied one heading size globally. The brand needed section-level control.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added font size controls to the rich text section so each instance can set its own heading and body size from the theme editor, independent of the global settings.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003ePer-section font size controls\u003c\/li\u003e\n\u003cli\u003eHeading and body sizes set independently\u003c\/li\u003e\n\u003cli\u003eGlobal settings untouched\u003c\/li\u003e\n\u003cli\u003eAvailable in the theme editor\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155512586314,"sku":"TASK-0100","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"add-custom-font-file-via-typekit-and-adobe-fonts-mobilia","title":"Add Custom Font File via Typekit and Adobe Fonts","description":"\u003cp class=\"task-lead\"\u003eA decor brand had uploaded custom font files and added them to the theme but they weren't rendering. They needed it done properly on a duplicate theme.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI'd like these fonts installed on the duplicate theme. I uploaded the files and added them to the stylesheet but they're not showing. Please do it on the duplicate, not the live theme.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eFonts uploaded but not connected correctly. The brand was careful about not touching the live site.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe installed the font files correctly on the duplicate theme, applied them to headings and body text, and confirmed they rendered across browsers. The brand reviewed before publishing.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eCustom fonts installed and rendering\u003c\/li\u003e\n\u003cli\u003eApplied to headings and body text\u003c\/li\u003e\n\u003cli\u003eCross-browser verified\u003c\/li\u003e\n\u003cli\u003eDone on the duplicate theme for review\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155678490698,"sku":"TASK-0137","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"add-google-font-icon","title":"Add Google Font","description":"\u003cp class=\"task-lead\"\u003eA brand switching themes wanted a specific Google font applied across the new theme, on a duplicate copy first.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe'd like to switch to the Kagami theme and apply our brand font from Google Fonts throughout. Please do it on the duplicate first so we can review.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA theme switch with a typography requirement the editor didn't cover.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added the Google font to the theme and applied it to headings, body, navigation, and buttons on the duplicate. The brand reviewed and we published.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eGoogle font added to the theme\u003c\/li\u003e\n\u003cli\u003eApplied across headings, body, and navigation\u003c\/li\u003e\n\u003cli\u003eReviewed on the duplicate before publish\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155682488394,"sku":"TASK-0190","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"change-font-on-specific-element-turbo","title":"Change Font on Specific Element","description":"\u003cp class=\"task-lead\"\u003eA beer brand wanted a specific custom heading font and needed a previous custom body font removed from the typography options.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eSet the heading font to a new custom font we've licensed. And remove the old custom body font you installed for us last year from the typography dropdown. We don't use it anymore.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eTypography housekeeping: one font in, one font out.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe installed the new heading font, applied it to all headings, and cleaned up the retired body font from the theme's typography settings so the dropdown only shows fonts the brand uses.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eNew custom heading font installed\u003c\/li\u003e\n\u003cli\u003eApplied to all headings\u003c\/li\u003e\n\u003cli\u003eRetired font removed from typography options\u003c\/li\u003e\n\u003cli\u003eCross-browser verified\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155688452170,"sku":"TASK-0242","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"change-font-throughout-site-and-brand-typography-prestige","title":"Change Font Throughout Site and Brand Typography","description":"\u003cp class=\"task-lead\"\u003eA brand had downloaded a display font and wanted it applied across the store's headings.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI downloaded this font and want it applied to all the headings on the store. The theme only lets me pick from its list.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA font outside the theme's built-in options.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added the brand's font to the theme and applied it to headings sitewide, with it now selectable in the theme editor alongside the built-in options.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eCustom font added to the theme\u003c\/li\u003e\n\u003cli\u003eApplied to all headings\u003c\/li\u003e\n\u003cli\u003eSelectable in the theme editor\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155691401290,"sku":"TASK-0250","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"font-loading-and-performance-issue-symmetry","title":"Font Loading and Performance Issue","description":"\u003cp class=\"task-lead\"\u003eA brand's Google font and other assets were loading over an insecure connection, triggering warnings.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI want everything on my site to load over https. I'm using a Google web font and some assets that load insecurely and trigger a warning.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eMixed content from fonts and assets.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe updated every font and asset reference to load securely and confirmed no mixed content warnings remained on any page.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eFonts loading securely\u003c\/li\u003e\n\u003cli\u003eAll assets loading securely\u003c\/li\u003e\n\u003cli\u003eNo mixed content warnings\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155725119562,"sku":"TASK-0484","price":0.0,"currency_code":"USD","in_stock":false}]}],"url":"https:\/\/www.taskhusky.com\/collections\/custom-fonts-typography.oembed","provider":"TaskHusky","version":"1.0","type":"link"}