PageSourceSearch

https://verycoolstudio.com/typefaces/gosh

html verycoolstudio.com collected 2026-10-03 19:58:16 UTC 35,726 bytes, 510 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4
5  <meta charset="utf-8">
6  <meta name="viewport" content="width=device-width,initial-scale=1.0">
7    
7<script>try{var t=localStorage.getItem('theme')}catch(e){}document.documentElement.setAttribute('data-theme',t==='dark'||t==='light'?t:(matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light'))</script>
7
8  <title>Very Cool Studio | Gosh</title>
9    <meta name="description" content="A gol darn soft, square sans."/>
10  <meta property="og:title" content="Very Cool Studio | Gosh">
11      <meta property="og:image" content="https://verycoolstudio.com/media/pages/typefaces/gosh/785378a5e1-1738805626/2201_verycool_shareimages-gosh.jpg">
12    <meta name="twitter:image" content="https://verycoolstudio.com/media/pages/typefaces/gosh/785378a5e1-1738805626/2201_verycool_shareimages-gosh.jpg"/>
13    <meta property="og:image:alt" content="https://verycoolstudio.com/assets/images/share-image.png">
14    <meta name="twitter:site" content="@verycoolstudio" />
15  <meta name="twitter:title" content="Very Cool Studio | Gosh" />
16  <meta name="twitter:description" content="A gol darn soft, square sans." />
17  <meta name="twitter:card" content="summary_large_image" />
18
19<link rel="stylesheet" href="https://js.fontdue.com/fontdue.css">
20<script type="module">
21  import fontdue from "https://js.fontdue.com/fontdue.esm.js";
22
23  // Stripe renders payment fields in an iframe, so page CSS can't reach them.
24  // Read the colour tokens from index.scss instead. Module scripts wait for the
25  // page's stylesheets, and the theme is set in <head>, so these are final.
26  function stripeAppearance() {
27    const css = getComputedStyle(document.documentElement);
28    const token = name => css.getPropertyValue(name).trim();
29    const colors = {
30      black: token('--color-fg'),
31      white: token('--color-bg'),
32      blue: token('--color-wash'),
33      grey: token('--color-muted'),
34      coral: token('--color-coral-text'),
35      tan: token('--color-surface'),
36      tanDark: token('--color-rule-strong'),
37      yellow: token('--color-accent-stable'),
38    };
39
40    // Size from a real site field so Stripe inputs match Fontdue's.
41    const rem = parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;
42    const probe = document.body.appendChild(Object.assign(document.createElement('input'), { type: 'text', hidden: true }));
43    const { paddingTop, paddingLeft, fontSize: fieldFontSize } = getComputedStyle(probe);
44    probe.remove();
45    const fieldPadding = parseFloat(paddingTop) ? `${paddingTop} ${paddingLeft}` : '12px 16px';
46
47    // Fontdue registers its UI font with Stripe at weight 400; heavier weights would faux-bold it.
48    const sans = '"Cardinal Wide SemiBold", "Cardinal Wide", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif';
49    const eyebrow = `"Gooper Text Bold", ${sans}`;
50    const text = {
51      fontFamily: sans,
52      fontSize: fieldFontSize || `${0.8 * rem}px`,
53      fontWeight: '500',
54      letterSpacing: '0.06em',
55    };
56    const ring = `2px solid ${colors.tanDark}`;
57
58    return {
59      theme: 'flat',
60      variables: {
61        fontFamily: sans,
62        fontSizeBase: `${rem}px`,
63        fontWeightNormal: '500',
64        fontWeightMedium: '500',
65        fontWeightBold: '500',
66        fontLineHeight: '1.4',
67        colorPrimary: colors.black,
68        colorBackground: colors.white,
69        colorText: colors.black,
70        colorTextSecondary: colors.grey,
71        colorTextPlaceholder: colors.grey,
72        colorDanger: colors.coral,
73        colorDangerText: colors.coral,
74        colorSuccessText: colors.black,
75        borderRadius: '0',
76        focusBoxShadow: 'none',
77        focusOutline: 'none',
78      },
79      rules: {
80        // Field: white > hover blue > focus blue with a tan-dark ring
81        '.Input': {
82          ...text,
83          color: colors.black,
84          backgroundColor: colors.white,
85          border: `2px solid ${colors.white}`,
86          boxShadow: 'none',
87          padding: fieldPadding,
88          transition: 'background-color 150ms, border-color 150ms',
89        },
90        '.Input:hover': {
91          backgroundColor: colors.blue,
92          borderColor: colors.blue,
93        },
94        '.Input:focus, .Input--invalid:focus': {
95          backgroundColor: colors.blue,
96          border: ring,
97          boxShadow: 'none',
98          outline: 'none',
99        },
100        '.Input--invalid': {
101          borderColor: colors.coral,
102          boxShadow: 'none',
103          color: colors.black,
104        },
105        '.Input::placeholder': {
106          color: colors.grey,
107        },
108        '.Label': {
109          fontFamily: eyebrow,
110          fontSize: `${Math.max(11, 0.65 * rem)}px`,
111          fontWeight: '500',
112          letterSpacing: '0.06rem',
113          textTransform: 'uppercase',
114          color: colors.black,
115        },
116        '.Error': {
117          ...text,
118          color: colors.coral,
119        },
120        // Option: tan with white rules > hover blue > selected blue with a tan-dark ring
121        '.Tab, .AccordionItem': {
122          ...text,
123          color: colors.grey,
124          backgroundColor: colors.tan,
125          border: `2px solid ${colors.white}`,
126          boxShadow: 'none',
127        },
128        '.Tab:hover, .AccordionItem:hover': {
129          color: colors.grey,
130          backgroundColor: colors.blue,
131          borderColor: colors.white,
132        },
133        '.Tab--selected, .Tab--selected:hover, .Tab--selected:focus, .AccordionItem--selected': {
134          color: colors.black,
135          backgroundColor: colors.blue,
136          border: ring,
137          boxShadow: 'none',
138        },
139        '.TabIcon, .TabIcon:hover': {
140          fill: colors.grey,
141        },
142        '.TabIcon--selected, .TabIcon--selected:hover': {
143          fill: colors.black,
144        },
145        // Containers like Link's "save my info" panel: tan so white fields inside stay visible
146        '.Block': {
147          backgroundColor: colors.tan,
148          border: `2px solid ${colors.white}`,
149          boxShadow: 'none',
150        },
151        '.CheckboxInput': {
152          backgroundColor: 'transparent',
153          border: `2px solid ${colors.tanDark}`,
154          borderRadius: '2px',
155          boxShadow: 'none',
156        },
157        '.CheckboxInput--checked': {
158          backgroundColor: colors.yellow,
159          borderColor: colors.yellow,
160        },
161      },
162    };
163  }
164
165  fontdue.initialize({
166    url: "https://store.verycoolstudio.com",
167    config: {
168      typeTester: {      
169        size: {
170          min: 10,
171          max: 300,
172          label: 'Size',
173        },
174        selectable: true,
175        textInput: false,
176        groupEdit: false,
177        initialMode: 'local',
178        shy: true,
179        buyButton: true,
180        selectButtonLabel: 'Buy',
181        selectButtonStyle: 'outlined',
182      },
183      stripe: {
184        appearance: stripeAppearance(),
185      },
186    },
187  });
188</script>
188
189<!-- Calling fonts from fontdue -->
190            <link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDM3MTQ0MDMxMzcxOTAxOA%3D%3D.css" rel="stylesheet">                <link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3Mjg1NzI1MDcwOTE5OTI2MA%3D%3D.css" rel="stylesheet">                <link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTgxNjMwMjIwNDEwNjY1OTg0NA%3D%3D.css" rel="stylesheet">                <link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MjI0NDgwNTg2MDc5NzI3NDY3OA%3D%3D.css" rel="stylesheet">                <link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDM4MjM2MTUyNjM2MDM2Mg%3D%3D.css" rel="stylesheet">                <link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDM5MzIyNDU1NTYxNjY5OQ%3D%3D.css" rel="stylesheet">                <link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDYwMzQ2NzAyMTU3MjY5MQ%3D%3D.css" rel="stylesheet">                <link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDYwNzIyMTkyMTg5NzA5NA%3D%3D.css" rel="stylesheet">                <link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDk1OTYxMjM4NzA4OTIwNg%3D%3D.css" rel="stylesheet">                <link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDk3MjY0Njg2NjI0NjUyNg%3D%3D.css" rel="stylesheet">    <!-- additional fonts for site -->
191<!-- Cornbread: the body face, so it loads even if its typeface page is unlisted -->
192<link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDYwNzIyMTkyMTg5NzA5NA%3D%3D.css" rel="stylesheet">
193<!-- Gooper Text -->
194<link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTgxNjMwMjIwNjU1NjEzMzQ3Ng%3D%3D.css" rel="stylesheet">
195<!-- Cardinal -->
196<link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDM5MzIyNjM4NDMzMzM0NQ%3D%3D.css" rel="stylesheet">
197<link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDM5MzIyMzk5MzU3OTkyOQ%3D%3D.css" rel="stylesheet">
198
199
200<link href="https://verycoolstudio.com/assets/css/index-min.css?v=1791041552" rel="stylesheet">
201<link rel="shortcut icon" type="image/x-icon" href="https://verycoolstudio.com/assets/images/favicon.png">
202
203</head>
204
205  <body class="page-gosh page-typefaces">
206<fontdue-store-modal></fontdue-store-modal>
207
208  <nav class="nav" aria-label="Main">
209    <a class="logo" href="https://verycoolstudio.com" aria-label="Very Cool Studio, home">
210      <div class="mobile-only">
211        <svg width="42" height="44" viewBox="0 0 42 44" fill="none" xmlns="http://www.w3.org/2000/svg">
212<path class="fill-black" d="M16.8627 43.3002H17.9721V1.11035H16.8627C5.47863 1.11035 -0.165153 8.13394 0.00367807 22.4225C0.196628 36.4697 5.67158 43.3002 16.8627 43.3002Z" fill="#000000"/>
213<path class="fill-black" fill-rule="evenodd" clip-rule="evenodd" d="M37.2499 15.6722C38.4751 14.4461 39.2725 12.5572 39.2725 9.91991C39.2725 7.28266 38.4751 5.39369 37.2499 4.16762C36.0249 2.94173 34.1381 2.14425 31.504 2.14425C28.8585 2.14425 26.9737 2.93035 25.754 4.14448C24.5359 5.35695 23.7354 7.24081 23.7354 9.91991C23.7354 12.599 24.5359 14.4829 25.754 15.6953C26.9737 16.9095 28.8585 17.6956 31.504 17.6956C34.1381 17.6956 36.0249 16.8981 37.2499 15.6722ZM31.504 19.8398C37.6542 19.8398 41.4167 16.0746 41.4167 9.91991C41.4167 3.76522 37.6542 0 31.504 0C25.3537 0 21.5912 3.69281 21.5912 9.91991C21.5912 16.147 25.3537 19.8398 31.504 19.8398Z" fill="#000000"/>
214<path class="fill-black" d="M22.0007 42.4552V37.0488C22.0007 27.7081 25.5944 23.605 33.7224 23.605H34.0601L38.4979 23.7015V27.3943C38.4979 34.249 36.279 42.3828 25.4015 42.3828L22.0007 42.4552Z" fill="#000000"/>
215</svg>      </div>
216      <div class="desktop-only">
217                  <svg width="361" alt="Very Cool" height="45" viewBox="0 0 361 45" fill="none" xmlns="http://www.w3.org/2000/svg">
218<title>Very Cool</title>
219<path class="fill-black" d="M17.3896 42.6002L0 1.95508H18.7643L32.6326 36.18L30.7754 42.6002H17.3896Z" fill="#000000"/>
220<path class="fill-black" fill-rule="evenodd" clip-rule="evenodd" d="M42.8869 15.9417C44.1003 14.721 44.8863 12.834 44.8863 10.1854C44.8863 7.76989 44.2239 5.86078 43.0566 4.57756C41.9209 3.32909 40.0687 2.40975 37.1178 2.40975C34.4836 2.40975 32.5968 3.20723 31.3718 4.43312C30.1466 5.65919 29.3492 7.54816 29.3492 10.1854C29.3492 12.8378 30.1314 14.7241 31.341 15.9431C32.5479 17.1594 34.4278 17.9611 37.1178 17.9611C39.7937 17.9611 41.6754 17.1605 42.8869 15.9417ZM37.1178 20.1053C43.3404 20.1053 47.0305 16.3401 47.0305 10.1854C47.0305 4.60999 43.9675 0.265503 37.1178 0.265503C30.9675 0.265503 27.205 4.03073 27.205 10.1854C27.205 16.3401 30.871 20.1053 37.1178 20.1053Z" fill="#000000"/>
221<path class="fill-black" d="M50.1426 1.95508H64.855V42.6002H50.1426V1.95508Z" fill="#000000"/>
222<path class="fill-black" d="M82.269 19.5261C73.2969 19.5261 69.1726 14.1437 69.1002 2.14813H84.6568V19.5261H82.269Z" fill="#000000"/>
223<path class="fill-black" fill-rule="evenodd" clip-rule="evenodd" d="M69.0991 42.7933H84.6557V25.4153H82.2679C73.846 25.4153 69.7168 30.094 69.1622 40.649C69.126 41.3386 69.105 42.0532 69.0991 42.7933ZM71.3097 40.649H82.5114V27.5596H82.2679C78.2292 27.5596 7
2235.6965 28.7292 74.0614 30.8775C72.5469 32.8672 71.5674 35.991 71.3097 40.649Z" fill="#000000"/>
224<path class="fill-black" d="M90.2036 1.95508H104.602V42.6002H90.2036V1.95508" fill="#000000"/>
225<path class="fill-black" fill-rule="evenodd" clip-rule="evenodd" d="M124.262 12.1149L124.262 12.1134C124.304 8.74674 123.344 6.95338 121.952 5.89462C120.422 4.7314 117.923 4.09933 114.178 4.09933H111.016V18.3956H114.178C117.937 18.3956 120.465 17.8991 122.02 16.9347C123.358 16.104 124.232 14.7645 124.262 12.1164L124.262 12.1149ZM114.178 20.5398C121.872 20.5398 126.334 18.5848 126.406 12.1405C126.502 4.5135 121.968 1.95508 114.178 1.95508H108.872V20.5398H114.178Z" fill="#000000"/>
226<path class="fill-black" d="M124.356 43.1312C114.515 43.1312 109.305 37.9902 109.305 28.3117V24.2809H114.684C119.484 24.2809 122.812 25.3188 124.959 27.5393C127.105 29.7598 128.215 33.1871 128.118 37.9902L128.022 43.1312H124.356Z" fill="#000000"/>
227<path class="fill-black" d="M156.868 42.6243L156.772 27.9013H156.506L156.675 27.4669L144.302 1.95508H126.768L142.517 32.7768V42.6243H156.868" fill="#000000"/>
228<path class="fill-black" fill-rule="evenodd" clip-rule="evenodd" d="M168.629 15.102C169.785 13.945 170.546 12.1446 170.546 9.58201C170.546 7.01938 169.785 5.21902 168.629 4.06202C167.473 2.90521 165.675 2.14425 163.115 2.14425C160.556 2.14425 158.758 2.90521 157.602 4.06202C156.445 5.21902 155.685 7.01938 155.685 9.58201C155.685 12.1446 156.445 13.945 157.602 15.102C158.758 16.2588 160.556 17.0198 163.115 17.0198C165.675 17.0198 167.473 16.2588 168.629 15.102ZM163.115 19.164C169.097 19.164 172.691 15.5677 172.691 9.58201C172.691 3.59627 169.097 0 163.115 0C157.134 0 153.54 3.59627 153.54 9.58201C153.54 15.5677 157.134 19.164 163.115 19.164Z" fill="#000000"/>
229<path class="fill-black" d="M202.886 43.9035H203.995V1.71368H202.886C191.502 1.71368 185.858 8.73727 186.027 23.0258C186.22 37.073 191.695 43.9035 202.886 43.9035Z" fill="#000000"/>
230<path class="fill-black" fill-rule="evenodd" clip-rule="evenodd" d="M223.273 16.2755C224.498 15.0495 225.296 13.1605 225.296 10.5232C225.296 7.88599 224.498 5.99702 223.273 4.77095C222.048 3.54506 220.161 2.74758 217.527 2.74758C214.882 2.74758 212.997 3.53368 211.777 4.74781C210.559 5.96028 209.759 7.84414 209.759 10.5232C209.759 13.2023 210.559 15.0862 211.777 16.2987C212.997 17.5128 214.882 18.2989 217.527 18.2989C220.161 18.2989 222.048 17.5014 223.273 16.2755ZM217.527 20.4432C223.677 20.4432 227.44 16.6779 227.44 10.5232C227.44 4.36855 223.677 0.603333 217.527 0.603333C211.377 0.603333 207.614 4.29615 207.614 10.5232C207.614 16.7503 211.377 20.4432 217.527 20.4432Z" fill="#000000"/>
231<path class="fill-black" d="M208.024 43.0587V37.6523C208.024 28.3116 211.618 24.2085 219.746 24.2085H220.083L224.521 24.305V27.9979C224.521 34.8525 222.302 42.9863 211.425 42.9863L208.024 43.0587Z" fill="#000000"/>
232<path class="fill-black" d="M246.348 43.9035H247.457V1.71368H246.348C234.964 1.71368 229.32 8.73727 229.489 23.0258C229.658 36.9764 235.133 43.9035 246.348 43.9035Z" fill="#000000"/>
233<path class="fill-black" fill-rule="evenodd" clip-rule="evenodd" d="M252.161 1.71368H253.27C253.621 1.71368 253.966 1.72019 254.305 1.73323C264.823 2.13731 269.966 8.81428 270.129 22.4224C270.293 36.2946 264.996 43.5462 254.305 43.9794C253.966 43.9931 253.621 44 253.27 44H252.161V1.71368ZM254.305 41.8334C258.952 41.6283 262.188 40.0201 264.342 37.2595C266.727 34.2014 268.067 29.3763 267.985 22.4482C267.903 15.6369 266.529 11.0338 264.181 8.156C262.064 5.56147 258.904 4.07059 254.305 3.87904V41.8334Z" fill="#000000"/>
234<path class="fill-black" d="M291.162 43.9035H292.271V1.71368H291.162C279.778 1.71368 274.134 8.73727 274.303 23.0258C274.496 36.9764 279.971 43.9035 291.162 43.9035Z" fill="#000000"/>
235<path class="fill-black" fill-rule="evenodd" clip-rule="evenodd" d="M296.973 1.71368H298.082C298.433 1.71368 298.777 1.72019 299.117 1.73323C309.634 2.13732 314.777 8.81428 314.941 22.4224C315.105 36.2946 309.808 43.5462 299.117 43.9794C298.777 43.9931 298.432 44 298.082 44H296.973V1.71368ZM299.117 41.8334C303.763 41.6283 306.999 40.0201 309.153 37.2595C311.539 34.2014 312.879 29.3763 312.797 22.4482M299.117 41.8334V3.87904C303.716 4.0706 306.875 5.56148 308.993 8.156C311.341 11.0338 312.715 15.6372 312.797 22.4482" fill="#000000"/>
236<path class="fill-black" d="M319.573 2.38947H334.02V43.3001H319.573V2.38947Z" fill="#000000"/>
237<path class="fill-black" fill-rule="evenodd" clip-rule="evenodd" d="M337.781 43.0587H353V22.8569H351.891C351.54 22.8569 351.195 22.869 350.856 22.8931C343.232 23.4351 338.472 30.0269 337.849 40.9145C337.81 41.6118 337.787 42.3267 337.781 43.0587ZM339.997 40.9145H350.856V25.0437C347.692 25.3095 345.187 26.8147 343.355 29.4348C341.521 32.0574 340.3 35.9006 339.997 40.9145Z" fill="#000000"/>
238</svg>              </div>  
239      </a>
240    <ul class="menu">
241      <li class="desktop-only">
242        <a class="nav-link" href="https://verycoolstudio.com">Typefaces</a>
243      </li>
244            <li>
245        <a class="nav-link" href="https://verycoolstudio.com/articles">Articles</a>
246      </li>
247            <li>
248        <a class="nav-link" href="https://verycoolstudio.com/about">About</a>
249      </li>
250            <li>
251        <a class="nav-link" href="https://verycoolstudio.com/in-use">In Use</a>
252      </li>
253            <li>
254      <fontdue-cart-button class="cart-toggle" button-style="inline" label="Cart">
255      <svg width="29" height="34" viewBox="0 0 29 34" fill="none" xmlns="http://www.w3.org/2000/svg">
256          <path class="fill-black" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 0C10.3579 0 7 3.35786 7 7.5V10H5C2.23858 10 0 12.2386 0 15V29C0 31.7614 2.23858 34 5 34H24C26.7614 34 29 31.7614 29 29V15C29 12.2386 26.7614 10 24 10H22V7.5C22 3.35786 18.6421 0 14.5 0ZM20 12V15H22V12H24C25.6569 12 27 13.3431 27 15V29C27 30.6569 25.6569 32 24 32H5C3.34315 32 2 30.6569 2 29V15C2 13.3431 3.34315 12 5 12H7V15H9V12H20ZM20 10V7.5C20 4.46243 17.5376 2 14.5 2C11.4624 2 9 4.46243 9 7.5V10H20Z" fill="black"/>
257        </svg>
258      </fontdue-cart-button>
259      </li>
260      <li class="theme-switch-wrapper">
261          <label class="theme-switch" for="checkbox">
262              <input type="checkbox" id="checkbox" aria-label="Dark mode">
263              <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
264                <path class="fill-black" fill-rule="evenodd" clip-rule="evenodd" d="M10.3539 28.8148C12.0809 29.5769 13.991 30 16 30C23.732 30 30 23.732 30 16C30 10.472 26.796 5.69227 22.1438 3.41657C16.4383 5.27122 9.93788 9.82723 9.66432 12.789C9.5386 13.8654 10.9211 14.224 15.2773 14.1841C15.3647 14.1831 15.4526 14.1821 15.5409 14.181C18.9183 14.14 22.8108 14.0928 22.5658 16.6956C22.272 20.0508 16.8133 25.1973 10.3539 28.8148ZM0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16Z" fill="black"/>
265              </svg>
266        </label>
267      </li>
268    </ul>
269  </nav>
270  
270<script src="https://verycoolstudio.com/assets/js/theme-min.js"></script>
270
271  <main class="main">
272
273<header class="font-header padding">
274  <h1 class="font-header__title">Gosh</h1>
275  <div class="font-header__overview">
276    <div class="prose">
277      <p>Gosh is a soft, square sans. It feels like you swear you’ve seen it before. Inspired by Microgramma or Eurostile when printed and tightly spaced. Everything about Gosh is boxy, but nothing about it is sharp.</p><p>It’s called Gosh, because, sheesh, there’s somethin’ so darn obvious about it.</p>    </div>
278          <div class="design-info">
279        <a class="link" href="/articles/gosh-design-information">Read about Gosh’s design process</a>
280      </div>
281      </div>
282  <div class="font-header__specs">
283    <dl class="meta">
284          <div class="meta__row"><dt>Version</dt><dd>0.2</dd></div>
285          <div class="meta__row"><dt>Char set</dt><dd><a href="#glyphs">Extended Latin</a></dd></div>
286          <div class="meta__row"><dt>Released</dt><dd>2023</dd></div>
287          <div class="meta__row"><dt>Designer</dt><dd><a href="https://verycoolstudio.com/designers/kyle-benson">Kyle Benson</a></dd></div>
288          <div class="meta__row"><dt>Styles</dt><dd>6</dd></div>
289  </dl>
290          <div class="font-header__files">
291        <a class="file-chip" href="#trial-fonts">
292          <svg width="85" height="85" viewBox="0 0 85 85" fill="none" xmlns="http://www.w3.org/2000/svg">
293<rect width="84" height="84" rx="4.5" transform="matrix(0.999996 -0.00297174 0.00321902 0.999995 0.0378571 0.626892)" fill="#D7E7FF"/>
294<path d="M12.4399 57.4873C19.7054 57.4873 20.6962 57.4873 20.6962 55.1205C20.6962 52.2583 19.7054 52.1482 18.1092 51.873C16.6781 51.6528 16.3479 51.4877 17.0084 50.2217C17.5038 49.231 17.5588 49.286 18.2743 47.965C19.1 46.4238 18.4945 46.7541 25.9252 46.7541C34.0164 46.7541 33.6861 46.2037 34.4567 47.91C34.6769 48.4054 35.1723 49.1209 35.7227 50.3318C36.2731 51.4327 36.163 51.5978 34.4017 51.873C32.0349 52.1482 31.3744 53.0839 31.3744 55.1205C31.3744 57.4873 32.255 57.4873 39.7958 57.4873C49.0429 57.4873 49.263 57.7075 49.263 54.2949C49.263 52.6436 48.8227 52.4785 46.5109 51.7629C44.8046 51.2675 45.0798 50.7722 44.1992 48.7907C41.6122 43.0663 38.1996 35.9108 33.521 26.0583C31.6496 22.0402 30.7139 21.0494 25.8151 21.0494C23.008 21.0494 21.687 22.2053 21.687 24.1318C21.687 24.6272 21.797 25.1226 21.797 25.7831C21.742 27.1041 21.1365 28.8104 20.421 30.2965C17.9991 35.5255 13.2655 43.4516 10.7886 48.8457C9.85291 50.9373 9.52265 51.4327 7.92643 51.873C5.94492 52.4785 5.22937 52.8087 5.22937 54.6802C5.22937 57.7075 6.77055 57.4873 12.4399 57.4873ZM26.2554 41.4701C21.4117 41.4701 20.0357 42.5159 21.5218 39.8188C21.9622 38.9932 24.384 33.7642 25.65 31.2322C25.9252 30.6818 25.9252 30.2965 26.4206 30.2965C26.916 30.2965 27.026 30.7368 27.3012 31.2873C28.347 33.3238 30.4386 38.1125 31.2643 39.4885C32.9706 42.2406 31.1542 41.4701 26.2554 41.4701Z" fill="#999491"/>
295<path d="M60.2809 58.3129C63.4183 58.3129 65.3448 57.2121 66.6658 55.5608C67.4364 54.6251 67.6015 54.1297 68.207 54.1297C68.8124 54.1297 68.8124 54.7352 69.9133 56.1663C70.9591 57.4873 72.5553 58.2028 74.6469 58.2028C78.1696 58.2028 79.7108 55.2306 79.7108 53.3591C79.7108 52.2583 79.3805 52.0932 78.4448 52.0932H77.2889C76.2982 52.0932 75.5826 51.5978 75.5826 50.1667C75.5826 48.7907 76.1881 42.736 76.2431 39.4335C76.2431 32.9936 72.2801 29.9112 64.6292 29.9112C60.0057 29.9112 57.0885 30.6818 54.4465 32.3881C52.7401 33.489 51.4191 35.0852 51.4191 37.0116C51.4191 39.2684 52.9053 40.3142 55.3271 40.3142C57.4738 40.3142 58.4095 39.1583 59.5103 37.5621C60.446 36.2961 61.1065 35.2503 63.5834 35.2503C67.2713 35.2503 68.4271 36.2411 68.4271 40.2041C68.4271 41.9104 68.3171 42.5159 67.1061 42.5159C66.0603 42.5159 64.2439 42.4058 61.2166 42.4058C54.8317 42.4058 51.4742 45.8184 51.4742 50.6621C51.4742 54.6251 53.5107 58.3129 60.2809 58.3129ZM63.033 52.6436C60.2259 52.6436 58.9599 51.4327 58.9599 49.6713C58.9599 47.4146 60.7763 46.0936 64.7944 46.0936C67.7116 46.0936 68.1519 45.9285 68.1519 47.5797C68.1519 50.3318 66.1154 52.6436 63.033 52.6436Z" fill="#999491"/>
296<line y1="30.4873" x2="85" y2="30.4873" stroke="black" stroke-width="2" stroke-dasharray="2 3"/>
297<line y1="20.4873" x2="85" y2="20.4873" stroke="black" stroke-width="2"/>
298<line y1="66.4873" x2="85" y2="66.4873" stroke="black" stroke-width="2"/>
299<line y1="57.4873" x2="85" y2="57.4873" stroke="black" stroke-width="2" stroke-dasharray="2 3"/>
300</svg>
300          <span class="file-chip__label">TrialFonts.otf</span>
301        </a>
302              </div>
303      </div>
304  <div class="font-header__buy">
305      <fontdue-buy-button 
306        collection-slug="gosh"
307        collection-name="Gosh"
308        label="Buy Gosh"
309      ></fontdue-buy-button>
310          <a href="https://www.futurefonts.xyz/very-cool-studio/gosh" class="link">
311          or buy on Future Fonts
312      </a>
313      </div>
314</header>
315<article>
316    <fontdue-type-testers 
317      collection-slug="gosh"
318      default-mode="local">
319    </fontdue-type-testers>
320
321        <section id="features" class="padding bg-blue-gradient bt-blue features" aria-labelledby="features-label">
322      <h2 id="features-label" class="section-label">OpenType features</h2>
323      <div class="font_section--opentype-features-wrapper">
324              <div class="font_section--opentype-feature">
325          <div class="feature-row">
326            <input class="tgl tgl-light" id="feature-ss01" onchange="featureOn(this, 'ss01');" type="checkbox" checked>
327            <label class="tgl-btn" for="feature-ss01"><span class="visually-hidden">Toggle ss01</span></label>
328            <span class="t-eyebrow color-muted">ss01</span>
329            <p class="t-ui color-muted">Single story g</p>
330          </div>
331          <div contenteditable class="t-display" aria-label="ss01 sample, editable" style="font-family: 'Gosh Bold'; font-feature-settings: 'clig' 0, 'liga' 0, 'ss01' 1">Eggs</div>
332        </div>
333              <div class="font_section--opentype-feature">
334          <div class="feature-row">
335            <input class="tgl tgl-light" id="feature-ss02" onchange="featureOn(this, 'ss02');" type="checkbox" checked>
336            <label class="tgl-btn" for="feature-ss02"><span class="visually-hidden">Toggle ss02</span></label>
337            <span class="t-eyebrow color-muted">ss02</span>
338            <p class="t-ui color-muted">Flat r</p>
339          </div>
340          <div contenteditable class="t-display" aria-label="ss02 sample, editable" style="font-family: 'Gosh Bold'; font-feature-settings: 'clig' 0, 'liga' 0, 'ss02' 1">Granite</div>
341        </div>
342              <div class="font_section--opentype-feature">
343          <div class="feature-row">
344            <input class="tgl tgl-light" id="feature-ss03" onchange="featureOn(this, 'ss03');" type="checkbox" checked>
345            <label class="tgl-btn" for="feature-ss03"><span class="visually-hidden">Toggle ss03</span></label>
346            <span class="t-eyebrow color-muted">ss03</span>
347            <p class="t-ui color-muted">Flat t</p>
348          </div>
349          <div contenteditable class="t-display" aria-label="ss03 sample, editable" style="font-family: 'Gosh Bold'; font-feature-settings: 'clig' 0, 'liga' 0, 'ss03' 1">Later</div>
350        </div>
351              <div class="font_section--opentype-feature">
352          <div class="feature-row">
353            <input class="tgl tgl-light" id="feature-ss04" onchange="featureOn(this, 'ss04');" type="checkbox" checked>
354            <label class="tgl-btn" for="feature-ss04"><span class="visually-hidden">Toggle ss04</span></label>
355            <span class="t-eyebrow color-muted">ss04</span>
356            <p class="t-ui color-muted">Single story a</p>
357          </div>
358          <div contenteditable class="t-display" aria-label="ss04 sample, editable" style="font-family: 'Gosh Bold'; font-feature-settings: 'clig' 0, 'liga' 0, 'ss04' 1">Sauce</div>
359        </div>
360              <div class="font_section--opentype-feature">
361          <div class="feature-row">
362            <input class="tgl tgl-light" id="feature-ss05" onchange="featureOn(this, 'ss05');" type="checkbox" checked>
363            <label class="tgl-btn" for="feature-ss05"><span class="visually-hidden">Toggle ss05</span></label>
364            <span class="t-eyebrow color-muted">ss05</span>
365            <p class="t-ui color-muted">Q bottom tail</p>
366          </div>
367          <div contenteditable class="t-display" aria-label="ss05 sample, editable" style="font-family: 'Gosh Bold'; font-feature-settings: 'clig' 0, 'liga' 0, 'ss05' 1">Quack</div>
368        </div>
369              <div class="font_section--opentype-feature">
370          <div class="feature-row">
371            <input class="tgl tgl-light" id="feature-ss06" onchange="featureOn(this, 'ss06');" type="checkbox" checked>
372            <label class="tgl-btn" for="feature-ss06"><span class="visually-hidden">Toggle ss06</span></label>
373            <span class="t-eyebrow color-muted">ss06</span>
374            <p class="t-ui color-muted">Q angled tail</p>
375          </div>
376          <div contenteditable class="t-display" aria-label="ss06 sample, editable" style="font-family: 'Gosh Bold'; font-feature-settings: 'clig' 0, 'liga' 0, 'ss06' 1">Quilt</div>
377        </div>
378              <div class="font_section--opentype-feature">
379          <div class="feature-row">
380            <input class="tgl tgl-light" id="feature-ss07" onchange="featureOn(this, 'ss07');" type="checkbox" checked>
381            <label class="tgl-btn" for="feature-ss07"><span class="visually-hidden">Toggle ss07</span></label>
382            <span class="t-eyebrow color-muted">ss07</span>
383            <p class="t-ui color-muted">R with kick</p>
384          </div>
385          <div contenteditable class="t-display" aria-label="ss07 sample, editable" style="font-family: 'Gosh Bold'; font-feature-settings: 'clig' 0, 'liga' 0, 'ss07' 1">Risky</div>
386        </div>
387              <div class="font_section--opentype-feature">
388          <div class="feature-row">
389            <input class="tgl tgl-light" id="feature-frac" onchange="featureOn(this, 'frac');" type="checkbox" checked>
390            <label class="tgl-btn" for="feature-frac"><span class="visually-hidden">Toggle frac</span></label>
391            <span class="t-eyebrow color-muted">frac</span>
392            <p class="t-ui color-muted">Fractions</p>
393          </div>
394          <div contenteditable class="t-display" aria-label="frac sample, editable" style="font-family: 'Gosh Bold'; font-feature-settings: 'clig' 0, 'liga' 0, 'frac' 1">123/456</div>
395        </div>
396            </div>
397    </section>
398            <section id="glyphs" class="padding bg-blue-gradient bt-blue glyphs" aria-labelledby="glyphs-label">
399      <h2 id="glyphs-label" class="section-label">Glyphs</h2>
400      <div class="preview-glyphs flex">
401        <fontdue-character-viewer collection-slug="gosh">
402        </fontdue-character-viewer>
403      </div>
404    </section>
405                <section id="in-use" class="padding bg-blue-gradient bt-blue in-use" aria-labelledby="in-use-label">
406      <h2 id="in-use-label" class="section-label">Gosh in use</h2>
407      <div class="gallery-container">
408        <figure class="gallery__item">
409  <a href="https://www.openspace.ai/about/" target="_blank" rel="noopener">
410    <img class="position-" src="https://verycoolstudio.com/media/pages/typefaces/gosh/4c5b028ccf-1760423160/openspace-800x800.webp" alt="Gosh Bold in use by OpenSpace" loading="lazy">
411  </a>
412      <figcaption>Gosh Bold in use by OpenSpace</figcaption>
413  </figure>
414<figure class="gallery__item">
415  <a href="https://paradajsphoto.sk/clanok/fedor-poloni" target="_blank" rel="noopener">
416    <img class="position-Top" src="https://verycoolstudio.com/media/pages/typefaces/gosh/5070a8b037-1760423160/poloni-800x800.webp" alt="Gosh Black in use by Samuel Carnoky" loading="lazy">
417  </a>
418      <figcaption>Gosh Black in use by Samuel Carnoky</figcaption>
419  </figure>
420<figure class="gallery__item">
421  <a href="https://gladdendesign.com/products/stick-a-block" target="_blank" rel="noopener">
422    <img class="position-Top" src="https://verycoolstudio.com/media/pages/typefaces/gosh/7b80a847b0-1760423160/screenshot-2025-10-12-at-2.46.45pm-800x800.webp" alt="Gosh Bold in use for Gladden" loading="lazy">
423  </a>
424      <figcaption>Gosh Bold in use for Gladden</figcaption>
425  </figure>
426      </div>
427    </section>
428        <nav class="padding bg-white bt-tan" aria-labelledby="see-also">
429  <h2 id="see-also" class="section-label">See also</h2>
430  <ul class="card-list">
431          <li><a class="card" href="https://verycoolstudio.com/typefaces/cardinal">
432      <span class="card__sample" aria-hidden="true" style="font-family: 'Cardinal Condensed SemiBold Italic'">Aa</span>
433    <div class="card__body">
434    <h3 class="card__title">Cardinal</h3>
435          <p class="card__meta">A sleek but vernacular sans serif super family.</p>
436      </div>
437  <span class="card__arrow" aria-hidden="true"><svg width="37" height="26" viewBox="0 0 37 26" fill="none" xmlns="http://www.w3.org/2000/svg">
438    <path class="stroke-black" d="M0 12.9511H35M23.7559 1.29285L35.7072 13.2441M22.3417 25.1953L34.2929 13.244" stroke="black" stroke-width="2"/>
439</svg></span>
440</a>
441</li>
442          <li><a class="card" href="https://verycoolstudio.com/typefaces/nudge">
443      <span class="card__sample" aria-hidden="true" style="font-family: 'Nudge Bold'">Aa</span>
444    <div class="card__body">
445    <h3 class="card__title">Nudge</h3>
446          <p class="card__meta">A neo grotesque, gothic sans.</p>
447      </div>
448  <span class="card__arrow" aria-hidden="true"><svg width="37" height="26" viewBox="0 0 37 26" fill="none" xmlns="http://www.w3.org/2000/svg">
449    <path class="stroke-black" d="M0 12.9511H35M23.7559 1.29285L35.7072 13.2441M22.3417 25.1953L34.2929 13.244" stroke="black" stroke-width="2"/>
450</svg></span>
451</a>
452</li>
453      </ul>
454</nav>
455</article>
456  </main>
457
458  <footer class="footer">
459    <div class="footer__main">
460      <div class="footer__col footer__links">
461        <nav aria-labelledby="footer-site">
462          <h2 id="footer-site" class="t-eyebrow mb-md">Site</h2>
463          <ul>
464                        <li><a class="nav-link" href="https://verycoolstudio.com/articles">Articles</a></li>
465                        <li><a class="nav-link" href="https://verycoolstudio.com/about">About</a></li>
466                        <li><a class="nav-link" href="https://verycoolstudio.com/in-use">In Use</a></li>
467                      </ul>
468        </nav>
469        <div>
470          <h2 class="t-eyebrow mb-md">Shop</h2>
471          <ul>
472            <li><a class="nav-link" href="https://verycoolstudio.com">Typefaces</a></li>
473            <li><span class="nav-link"><fontdue-cart-button label="Cart"></fontdue-cart-button></span></li>
474            <li>
475              <details class="footer__login" id="login">
476                <summary class="nav-link">Login</summary>
477                <fontdue-customer-login-form></fontdue-customer-login-form>
478              </details>
479            </li>
480          </ul>
481        </div>
482      </div>
483      <div class="footer__col footer__trials">
484        
485<h2 id="trial-fonts" class="mb-sm">Font Trials</h2>
486<p class="mb-lg">To help you make an informed licensing decision, our whole catalog is downloadable as trial fonts. The only thing trial about them is the name. Our trial fonts have full opentype features, kerning, and character sets included. Happy trials!</p>
487
488<fontdue-test-fonts-form>
489</fontdue-test-fonts-form>
490      </div>
491    </div>
492    <div class="footer__legal">
493      <span>©2026 Very Cool Studio</span>
494      <a href="https://verycoolstudio.com/terms">Commercial License Terms</a>
495      <a href="https://verycoolstudio.com/trial-terms">Trial Terms</a>
496    </div>
497  </footer>
498  
498<script src="https://verycoolstudio.com/assets/js/index-min.js?v=1791041552"></script>
498  
499  <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 66 bytes, lines 499-500
499
500  <script async src="https://www.googletagmanager.com/gtag/js?id=
500UA-96409329-1
vendor: 14 bytes, lines 500-501
500"></script>
501  
501<script>
502    
vendor: 139 bytes, lines 502-505
502window.dataLayer = window.dataLayer || [];
503    function gtag(){dataLayer.push(arguments);}
504    gtag('js', new Date());
505    gtag('config', '
505UA-96409329-1
vendor: 6 bytes, lines 505-506
505');
506  
506</script>
506
507
508<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"3853d5312cf941a0991072916a136561","r":1,"spa":2}' crossorigin="anonymous"></script>
508
509</body>
510</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.