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 | Home</title> 9 <meta name="description" content="Very Cool is a type foundry run by Kyle Benson in Oakland, California."/> 10 <meta property="og:title" content="Very Cool Studio | Home"> 11 <meta property="og:image" content="https://verycoolstudio.com/assets/images/share-image.png"> 12 <meta name="twitter:image" content="https://verycoolstudio.com/assets/images/share-image.png"/> 13 <meta name="twitter:site" content="@verycoolstudio" /> 14 <meta name="twitter:title" content="Very Cool Studio | Home" /> 15 <meta name="twitter:description" content="Very Cool is a type foundry run by Kyle Benson in Oakland, California." /> 16 <meta name="twitter:card" content="summary_large_image" /> 17 18<link rel="stylesheet" href="https://js.fontdue.com/fontdue.css">
19<script type="module"> 20 import fontdue from "https://js.fontdue.com/fontdue.esm.js"; 21 22 // Stripe renders payment fields in an iframe, so page CSS can't reach them. 23 // Read the colour tokens from index.scss instead. Module scripts wait for the 24 // page's stylesheets, and the theme is set in <head>, so these are final. 25 function stripeAppearance() { 26 const css = getComputedStyle(document.documentElement); 27 const token = name => css.getPropertyValue(name).trim(); 28 const colors = { 29 black: token('--color-fg'), 30 white: token('--color-bg'), 31 blue: token('--color-wash'), 32 grey: token('--color-muted'), 33 coral: token('--color-coral-text'), 34 tan: token('--color-surface'), 35 tanDark: token('--color-rule-strong'), 36 yellow: token('--color-accent-stable'), 37 }; 38 39 // Size from a real site field so Stripe inputs match Fontdue's. 40 const rem = parseFloat(getComputedStyle(document.documentElement).fontSize) || 16; 41 const probe = document.body.appendChild(Object.assign(document.createElement('input'), { type: 'text', hidden: true })); 42 const { paddingTop, paddingLeft, fontSize: fieldFontSize } = getComputedStyle(probe); 43 probe.remove(); 44 const fieldPadding = parseFloat(paddingTop) ? `${paddingTop} ${paddingLeft}` : '12px 16px'; 45 46 // Fontdue registers its UI font with Stripe at weight 400; heavier weights would faux-bold it. 47 const sans = '"Cardinal Wide SemiBold", "Cardinal Wide", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'; 48 const eyebrow = `"Gooper Text Bold", ${sans}`; 49 const text = { 50 fontFamily: sans, 51 fontSize: fieldFontSize || `${0.8 * rem}px`, 52 fontWeight: '500', 53 letterSpacing: '0.06em', 54 }; 55 const ring = `2px solid ${colors.tanDark}`; 56 57 return { 58 theme: 'flat', 59 variables: { 60 fontFamily: sans, 61 fontSizeBase: `${rem}px`, 62 fontWeightNormal: '500', 63 fontWeightMedium: '500', 64 fontWeightBold: '500', 65 fontLineHeight: '1.4', 66 colorPrimary: colors.black, 67 colorBackground: colors.white, 68 colorText: colors.black, 69 colorTextSecondary: colors.grey, 70 colorTextPlaceholder: colors.grey, 71 colorDanger: colors.coral, 72 colorDangerText: colors.coral, 73 colorSuccessText: colors.black, 74 borderRadius: '0', 75 focusBoxShadow: 'none', 76 focusOutline: 'none', 77 }, 78 rules: { 79 // Field: white > hover blue > focus blue with a tan-dark ring 80 '.Input': { 81 ...text, 82 color: colors.black, 83 backgroundColor: colors.white, 84 border: `2px solid ${colors.white}`, 85 boxShadow: 'none', 86 padding: fieldPadding, 87 transition: 'background-color 150ms, border-color 150ms', 88 }, 89 '.Input:hover': { 90 backgroundColor: colors.blue, 91 borderColor: colors.blue, 92 }, 93 '.Input:focus, .Input--invalid:focus': { 94 backgroundColor: colors.blue, 95 border: ring, 96 boxShadow: 'none', 97 outline: 'none', 98 }, 99 '.Input--invalid': { 100 borderColor: colors.coral, 101 boxShadow: 'none', 102 color: colors.black, 103 }, 104 '.Input::placeholder': { 105 color: colors.grey, 106 }, 107 '.Label': { 108 fontFamily: eyebrow, 109 fontSize: `${Math.max(11, 0.65 * rem)}px`, 110 fontWeight: '500', 111 letterSpacing: '0.06rem', 112 textTransform: 'uppercase', 113 color: colors.black, 114 }, 115 '.Error': { 116 ...text, 117 color: colors.coral, 118 }, 119 // Option: tan with white rules > hover blue > selected blue with a tan-dark ring 120 '.Tab, .AccordionItem': { 121 ...text, 122 color: colors.grey, 123 backgroundColor: colors.tan, 124 border: `2px solid ${colors.white}`, 125 boxShadow: 'none', 126 }, 127 '.Tab:hover, .AccordionItem:hover': { 128 color: colors.grey, 129 backgroundColor: colors.blue, 130 borderColor: colors.white, 131 }, 132 '.Tab--selected, .Tab--selected:hover, .Tab--selected:focus, .AccordionItem--selected': { 133 color: colors.black, 134 backgroundColor: colors.blue, 135 border: ring, 136 boxShadow: 'none', 137 }, 138 '.TabIcon, .TabIcon:hover': { 139 fill: colors.grey, 140 }, 141 '.TabIcon--selected, .TabIcon--selected:hover': { 142 fill: colors.black, 143 }, 144 // Containers like Link's "save my info" panel: tan so white fields inside stay visible 145 '.Block': { 146 backgroundColor: colors.tan, 147 border: `2px solid ${colors.white}`, 148 boxShadow: 'none', 149 }, 150 '.CheckboxInput': { 151 backgroundColor: 'transparent', 152 border: `2px solid ${colors.tanDark}`, 153 borderRadius: '2px', 154 boxShadow: 'none', 155 }, 156 '.CheckboxInput--checked': { 157 backgroundColor: colors.yellow, 158 borderColor: colors.yellow, 159 }, 160 }, 161 }; 162 } 163 164 fontdue.initialize({ 165 url: "https://store.verycoolstudio.com", 166 config: { 167 typeTester: { 168 size: { 169 min: 10, 170 max: 300, 171 label: 'Size', 172 }, 173 selectable: true, 174 textInput: false, 175 groupEdit: false, 176 initialMode: 'local', 177 shy: true, 178 buyButton: true, 179 selectButtonLabel: 'Buy', 180 selectButtonStyle: 'outlined', 181 },
182 stripe: { 183 appearance: stripeAppearance(), 184 }, 185 }, 186 }); 187</script>
187 188<!-- Calling fonts from fontdue --> 189 <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 --> 190<!-- Cornbread: the body face, so it loads even if its typeface page is unlisted --> 191<link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDYwNzIyMTkyMTg5NzA5NA%3D%3D.css" rel="stylesheet"> 192<!-- Gooper Text --> 193<link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTgxNjMwMjIwNjU1NjEzMzQ3Ng%3D%3D.css" rel="stylesheet"> 194<!-- Cardinal --> 195<link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDM5MzIyNjM4NDMzMzM0NQ%3D%3D.css" rel="stylesheet"> 196<link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDM5MzIyMzk5MzU3OTkyOQ%3D%3D.css" rel="stylesheet"> 197 198 199<link href="https://verycoolstudio.com/assets/css/index-min.css?v=1791041552" rel="stylesheet"> 200<link rel="shortcut icon" type="image/x-icon" href="https://verycoolstudio.com/assets/images/favicon.png"> 201 202</head> 203 204 <body class="page-home"> 205<fontdue-store-modal></fontdue-store-modal> 206 207 <nav class="nav" aria-label="Main"> 208 <a class="logo" href="https://verycoolstudio.com" aria-label="Very Cool Studio, home"> 209 <div class="mobile-only"> 210 <svg width="42" height="44" viewBox="0 0 42 44" fill="none" xmlns="http://www.w3.org/2000/svg"> 211<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"/> 212<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"/> 213<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"/> 214</svg> </div> 215 <div class="desktop-only"> 216 <svg width="361" alt="Very Cool" height="45" viewBox="0 0 361 45" fill="none" xmlns="http://www.w3.org/2000/svg"> 217<title>Very Cool</title> 218<path class="fill-black" d="M17.3896 42.6002L0 1.95508H18.7643L32.6326 36.18L30.7754 42.6002H17.3896Z" fill="#000000"/> 219<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"/> 220<path class="fill-black" d="M50.1426 1.95508H64.855V42.6002H50.1426V1.95508Z" fill="#000000"/> 221<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"/> 222<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
2225.6965 28.7292 74.0614 30.8775C72.5469 32.8672 71.5674 35.991 71.3097 40.649Z" fill="#000000"/> 223<path class="fill-black" d="M90.2036 1.95508H104.602V42.6002H90.2036V1.95508" fill="#000000"/> 224<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"/> 225<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"/> 226<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"/> 227<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"/> 228<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"/> 229<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"/> 230<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"/> 231<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"/> 232<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"/> 233<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"/> 234<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"/> 235<path class="fill-black" d="M319.573 2.38947H334.02V43.3001H319.573V2.38947Z" fill="#000000"/> 236<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"/> 237</svg> </div> 238 </a> 239 <ul class="menu"> 240 <li class="desktop-only"> 241 <a class="nav-link" href="https://verycoolstudio.com" aria-current="page">Typefaces</a> 242 </li> 243 <li> 244 <a class="nav-link" href="https://verycoolstudio.com/articles">Articles</a> 245 </li> 246 <li> 247 <a class="nav-link" href="https://verycoolstudio.com/about">About</a> 248 </li> 249 <li> 250 <a class="nav-link" href="https://verycoolstudio.com/in-use">In Use</a> 251 </li> 252 <li> 253 <fontdue-cart-button class="cart-toggle" button-style="inline" label="Cart"> 254 <svg width="29" height="34" viewBox="0 0 29 34" fill="none" xmlns="http://www.w3.org/2000/svg"> 255 <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"/> 256 </svg> 257 </fontdue-cart-button> 258 </li> 259 <li class="theme-switch-wrapper"> 260 <label class="theme-switch" for="checkbox"> 261 <input type="checkbox" id="checkbox" aria-label="Dark mode"> 262 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 263 <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"/> 264 </svg> 265 </label> 266 </li> 267 </ul> 268 </nav> 269
269<script src="https://verycoolstudio.com/assets/js/theme-min.js"></script>
269 270 <main class="main"> 271 <h1 class="visually-hidden">Typefaces</h1> 272 <nav class="nav-filter" aria-label="Filter typefaces"> 273 <input type="search" id="type-search" class="small" placeholder="Search" aria-label="Search typefaces"> 274 <div class="nav-filter__group"> 275 <label for="language" class="nav-filter__label">Languages</label> 276 <div class="button-group"> 277 <select name="language" id="language" class="input-select small"> 278 <option value="latin">Basic Latin</option> 279 <option value="latin-ext">Extended Latin</option> 280 <option value="cyrillic">Cyrillic</option> 281 <option value="greek">Greek</option> 282 <option value="vietnamese">Vietnamese</option> 283 </select> 284 <svg aria-hidden="true" width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 285 <path class="stroke-black" d="M1.52906 1L6 5.99999L1 11" stroke="black" stroke-width="2"></path> 286 </svg> 287 </div> 288 </div> 289 <div class="nav-filter__group" role="group" aria-labelledby="layout-label"> 290 <span id="layout-label" class="nav-filter__label">Layout</span> 291 <div class="button-group"> 292 <button type="button" class="button-toggle-item" data-view="grid" aria-pressed="false"> 293 <span class="visually-hidden">Grid</span> 294 <span class="icon" aria-hidden="true"> 295 <svg width="100%" height="100%" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"> 296 <path d="M3 8C3 5.23858 5.23858 3 8 3H12C14.7614 3 17 5.23858 17 8V12C17 14.7614 14.7614 17 12 17H8C5.23858 17 3 14.7614 3 12V8Z" fill="currentColor" /> 297 <path d="M17 8C17 5.23858 19.2386 3 22 3H26C28.7614 3 31 5.23858 31 8V12C31 14.7614 28.7614 17 26 17H22C19.2386 17 17 14.7614 17 12V8Z" fill="currentColor" /> 298 <path d="M3 22C3 19.2386 5.23858 17 8 17H12C14.7614 17 17 19.2386 17 22V26C17 28.7614 14.7614 31 12 31H8C5.23858 31 3 28.7614 3 26V22Z" fill="currentColor" /> 299 <path d="M17 22C17 19.2386 19.2386 17 22 17H26C28.7614 17 31 19.2386 31 22V26C31 28.7614 28.7614 31 26 31H22C19.2386 31 17 28.7614 17 26V22Z" fill="currentColor" /> 300 </svg> 301 </span> 302 </button> 303 <button type="button" class="button-toggle-item" data-view="list" aria-pressed="true"> 304 <span class="visually-hidden">List</span> 305 <span class="icon" aria-hidden="true"> 306 <svg width="100%" height="100%" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"> 307 <path d="M3 8C3 5.23858 5.23858 3 8 3H26C28.7614 3 31 5.23858 31 8V12C31 14.7614 28.7614 17 26 17H8C5.23858 17 3 14.7614 3 12V8Z" fill="currentColor" /> 308 <path d="M3 22C3 19.2386 5.23858 17 8 17H26C28.7614 17 31 19.2386 31 22V26C31 28.7614 28.7614 31 26 31H8C5.23858 31 3 28.7614 3 26V22Z" fill="currentColor" /> 309 </svg> 310 </span> 311 </button> 312 </div> 313 </div> 314 </nav> 315 316 317 <ul class="type-list list-view"> 318 <li class="type-preview" data-languages="extended latin" data-search="gosh gosh bold a gol darn soft, square sans. extended latin extracondensed bold extrabold black condensed semicondensed wide extrawide"> 319 <a class="type-preview__link" href="https://verycoolstudio.com/typefaces/gosh"> 320 <div class="type-preview__sample" style="font-family: 'Gosh Bold'"> 321 <span class="type-preview__sentence">3 Fab Bumpkin</span> 322 <span class="type-preview__aa" aria-hidden="true">Aa</span> 323 </div> 324 <div class="type-preview__details"> 325 <h2 class="type-preview__name">Gosh Bold</h2> 326 <span class="type-preview__stat type-preview__stat--minor">6 Widths</span> 327 <span class="type-preview__stat">6 Styles</span> 328 </div> 329 <div class="in-use-preview" aria-hidden="true"> 330 <div class="flex gap-xs"> 331 <div class="flex-grow"> 332 <figure class="h-100"> 333 <img class="position-" src="https://verycoolstudio.com/media/pages/typefaces/gosh/4c5b028ccf-1760423160/openspace-800x800.webp" alt="" loading="lazy"> 334 </figure> 335 </div> 336 <div class="flex-grow"> 337 <figure class="h-100"> 338 <img class="position-Top" src="https://verycoolstudio.com/media/pages/typefaces/gosh/5070a8b037-1760423160/poloni-800x800.webp" alt="" loading="lazy"> 339 </figure> 340 </div> 341 <div class="flex-grow"> 342 <figure class="h-100"> 343 <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="" loading="lazy"> 344 </figure> 345 </div> 346 </div> 347 </div> 348 </a> 349 </li> 350 <li class="type-preview" data-languages="extended latin" data-search="nudge nudge bold a neo grotesque, gothic sans. extended latin thin italic very light regular medium semibold bold extrabold black ultra"> 351 <a class="type-preview__link" href="https://verycoolstudio.com/typefaces/nudge"> 352 <div class="type-preview__sample" style="font-family: 'Nudge Bold'">
353 <span class="type-preview__sentence">Cardiovascular Tonalities</span> 354 <span class="type-preview__aa" aria-hidden="true">Aa</span> 355 </div> 356 <div class="type-preview__details"> 357 <h2 class="type-preview__name">Nudge Bold</h2> 358 <span class="type-preview__stat type-preview__stat--minor">2 Widths</span> 359 <span class="type-preview__stat type-preview__stat--minor">2 Optical sizes</span> 360 <span class="type-preview__stat">54 Styles</span> 361 </div> 362 <div class="in-use-preview" aria-hidden="true"> 363 <div class="flex gap-xs"> 364 <div class="flex-grow"> 365 <figure class="h-100"> 366 <img class="position-Top" src="https://verycoolstudio.com/media/pages/typefaces/nudge/1349e0c796-1738805626/e6xm2iaucaixxem-800x800.webp" alt="" loading="lazy"> 367 </figure> 368 </div> 369 <div class="flex-grow"> 370 <figure class="h-100"> 371 <img class="position-Center" src="https://verycoolstudio.com/media/pages/typefaces/nudge/c2225368a6-1738805626/nem-makers-800x800.webp" alt="" loading="lazy"> 372 </figure> 373 </div> 374 <div class="flex-grow"> 375 <figure class="h-100"> 376 <img class="position-Top" src="https://verycoolstudio.com/media/pages/typefaces/nudge/6f8d674c4c-1738805626/screenshot-2023-08-09-at-11.35.04-pm-800x800.webp" alt="" loading="lazy"> 377 </figure> 378 </div> 379 <div class="flex-grow"> 380 <figure class="h-100"> 381 <img class="position-Center" src="https://verycoolstudio.com/media/pages/typefaces/nudge/20458ba0e2-1760423160/rux-massloader-800x800.webp" alt="" loading="lazy"> 382 </figure> 383 </div> 384 </div> 385 </div> 386 </a> 387 </li> 388 <li class="type-preview" data-languages="extended latin" data-search="gooper gooper black a loveable, soft, oldstyle serif. extended latin thin italic light regular medium semibold bold black super"> 389 <a class="type-preview__link" href="https://verycoolstudio.com/typefaces/gooper"> 390 <div class="type-preview__sample" style="font-family: 'Gooper Black'"> 391 <span class="type-preview__sentence">Cursing Analogy</span> 392 <span class="type-preview__aa" aria-hidden="true">Aa</span> 393 </div> 394 <div class="type-preview__details"> 395 <h2 class="type-preview__name">Gooper Black</h2> 396 <span class="type-preview__stat type-preview__stat--minor">3 Widths</span> 397 <span class="type-preview__stat type-preview__stat--minor">3 Optical sizes</span> 398 <span class="type-preview__stat">56 Styles</span> 399 </div> 400 <div class="in-use-preview" aria-hidden="true"> 401 <div class="flex gap-xs"> 402 <div class="flex-grow"> 403 <figure class="h-100"> 404 <img class="position-" src="https://verycoolstudio.com/media/pages/typefaces/gooper/2d4dcbfa7e-1738805626/42619074_2155350121453392_5144387511747861958_n-800x800.webp" alt="" loading="lazy"> 405 </figure> 406 </div> 407 <div class="flex-grow"> 408 <figure class="h-100"> 409 <img class="position-" src="https://verycoolstudio.com/media/pages/typefaces/gooper/c5fa3149c5-1738805626/meati_truck-scaled-800x800.webp" alt="" loading="lazy"> 410 </figure> 411 </div> 412 <div class="flex-grow"> 413 <figure class="h-100"> 414 <img class="position-Top" src="https://verycoolstudio.com/media/pages/typefaces/gooper/86ce4f9a09-1738805626/bm6-chris-800x800.webp" alt="" loading="lazy"> 415 </figure> 416 </div> 417 <div class="flex-grow"> 418 <figure class="h-100"> 419 <img class="position-" src="https://verycoolstudio.com/media/pages/typefaces/gooper/8a46cfa8b3-1738805626/fygi4xmaqaapzvf-800x800.webp" alt="" loading="lazy"> 420 </figure> 421 </div> 422 </div> 423 </div> 424 </a> 425 </li> 426 <li class="type-preview" data-languages="extended latin, vietnamese, greek" data-search="garamond condensed garamond condensed bold a soft serif with a tall x-height and tight letter spacing. extended latin, vietnamese, greek thin italic extralight light regular medium semibold bold"> 427 <a class="type-preview__link" href="https://verycoolstudio.com/typefaces/garamond-condensed"> 428 <div class="type-preview__sample" style="font-family: 'Garamond Condensed Bold'">
429 <span class="type-preview__sentence">Horsey Cowgirl Reunion</span> 430 <span class="type-preview__aa" aria-hidden="true">Aa</span> 431 </div> 432 <div class="type-preview__details"> 433 <h2 class="type-preview__name">Garamond Condensed Bold</h2> 434 <span class="type-preview__stat">42 Styles</span> 435 </div> 436 <div class="in-use-preview" aria-hidden="true"> 437 <div class="flex gap-xs"> 438 <div class="flex-grow"> 439 <figure class="h-100"> 440 <img class="position-Bottom" src="https://verycoolstudio.com/media/pages/typefaces/garamond-condensed/20323596aa-1738805626/fqfitpbwyay8zc7-800x800.webp" alt="" loading="lazy"> 441 </figure> 442 </div> 443 <div class="flex-grow"> 444 <figure class="h-100"> 445 <img class="position-" src="https://verycoolstudio.com/media/pages/typefaces/garamond-condensed/b2a427c70f-1738805626/fu0hguoxwaiwp_e-800x800.webp" alt="" loading="lazy"> 446 </figure> 447 </div> 448 <div class="flex-grow"> 449 <figure class="h-100"> 450 <img class="position-Top" src="https://verycoolstudio.com/media/pages/typefaces/garamond-condensed/1973bfdb5a-1760423160/oversettext-20250516_122404-1941867932-800x800.webp" alt="" loading="lazy"> 451 </figure> 452 </div> 453 <div class="flex-grow"> 454 <figure class="h-100"> 455 <img class="position-Top" src="https://verycoolstudio.com/media/pages/typefaces/garamond-condensed/27adfe5e55-1760423160/screenshot-2025-10-11-at-11.35.22pm-800x800.webp" alt="" loading="lazy"> 456 </figure> 457 </div> 458 </div> 459 </div> 460 </a> 461 </li> 462 <li class="type-preview" data-languages="extended latin" data-search="henrietta henrietta bold a soft serif (probably) from the ’80s. extended latin light italic regular medium semibold bold black"> 463 <a class="type-preview__link" href="https://verycoolstudio.com/typefaces/henrietta"> 464 <div class="type-preview__sample" style="font-family: 'Henrietta Bold'"> 465 <span class="type-preview__sentence">Fungi Wranglers</span> 466 <span class="type-preview__aa" aria-hidden="true">Aa</span> 467 </div> 468 <div class="type-preview__details"> 469 <h2 class="type-preview__name">Henrietta Bold</h2> 470 <span class="type-preview__stat type-preview__stat--minor">2 Widths</span> 471 <span class="type-preview__stat">18 Styles</span> 472 </div> 473 <div class="in-use-preview" aria-hidden="true"> 474 <div class="flex gap-xs"> 475 <div class="flex-grow"> 476 <figure class="h-100"> 477 <img class="position-Bottom" src="https://verycoolstudio.com/media/pages/typefaces/henrietta/10c3a36690-1760423160/9781250321725-800x800.webp" alt="" loading="lazy"> 478 </figure> 479 </div> 480 <div class="flex-grow"> 481 <figure class="h-100"> 482 <img class="position-Top" src="https://verycoolstudio.com/media/pages/typefaces/henrietta/0204c4674b-1760423160/screenshot-2025-10-11-at-11.38.17pm-800x800.webp" alt="" loading="lazy"> 483 </figure> 484 </div> 485 <div class="flex-grow"> 486 <figure class="h-100"> 487 <img class="position-" src="https://verycoolstudio.com/media/pages/typefaces/henrietta/0daa81fc00-1760423160/vbk2030-1176x800px-ac7-width-800-800x800.webp" alt="" loading="lazy"> 488 </figure> 489 </div> 490 <div class="flex-grow"> 491 <figure class="h-100"> 492 <img class="position-Bottom" src="https://verycoolstudio.com/media/pages/typefaces/henrietta/c4ab588224-1760423160/screenshot-2025-10-12-at-12.03.11am-800x800.webp" alt="" loading="lazy"> 493 </figure> 494 </div> 495 </div> 496 </div> 497 </a> 498 </li> 499 <li class="type-preview" data-languages="extended latin" data-search="cardinal cardinal condensed semi bold italic a sleek but vernacular sans serif super family. extended latin thin italic extralight light regular medium semibold bold extrabold"> 500 <a class="type-preview__link" href="https://verycoolstudio.com/typefaces/cardinal"> 501 <div class="type-preview__sample" style="font-family: 'Cardinal Condensed SemiBold Italic'">
502 <span class="type-preview__sentence">Guaranteeing Subharmonic Witchdoctors</span> 503 <span class="type-preview__aa" aria-hidden="true">Aa</span> 504 </div> 505 <div class="type-preview__details"> 506 <h2 class="type-preview__name">Cardinal Condensed Semi Bold Italic</h2> 507 <span class="type-preview__stat type-preview__stat--minor">4 Widths</span> 508 <span class="type-preview__stat">48 Styles</span> 509 </div> 510 <div class="in-use-preview" aria-hidden="true"> 511 <div class="flex gap-xs"> 512 <div class="flex-grow"> 513 <figure class="h-100"> 514 <img class="position-" src="https://verycoolstudio.com/media/pages/typefaces/cardinal/25a07159ca-1738805626/cardinal-banzai-800x800.webp" alt="" loading="lazy"> 515 </figure> 516 </div> 517 <div class="flex-grow"> 518 <figure class="h-100"> 519 <img class="position-" src="https://verycoolstudio.com/media/pages/typefaces/cardinal/2614493ecd-1738805626/cardinal-jeff-wiggins-800x800.webp" alt="" loading="lazy"> 520 </figure> 521 </div> 522 <div class="flex-grow"> 523 <figure class="h-100"> 524 <img class="position-Top" src="https://verycoolstudio.com/media/pages/typefaces/cardinal/233fb2320d-1760423160/joachimherzstiftung_3729402534025661790_42040319923_2025-09-25-800x800.webp" alt="" loading="lazy"> 525 </figure> 526 </div> 527 </div> 528 </div> 529 </a> 530 </li> 531 <li class="type-preview" data-languages="extended latin, cyrillic, greek, vietnamese" data-search="honey honey bold banner a stabile but goofy soft serif. extended latin, cyrillic, greek, vietnamese thin banner deck light regular semibold bold extrabold black"> 532 <a class="type-preview__link" href="https://verycoolstudio.com/typefaces/honey"> 533 <div class="type-preview__sample" style="font-family: 'Honey Bold Banner'"> 534 <span class="type-preview__sentence">Crumby Bagpipes</span> 535 <span class="type-preview__aa" aria-hidden="true">Aa</span> 536 </div> 537 <div class="type-preview__details"> 538 <h2 class="type-preview__name">Honey Bold Banner</h2> 539 <span class="type-preview__stat type-preview__stat--minor">3 Optical sizes</span> 540 <span class="type-preview__stat">21 Styles</span> 541 </div> 542 <div class="in-use-preview" aria-hidden="true"> 543 <div class="flex gap-xs"> 544 <div class="flex-grow"> 545 <figure class="h-100"> 546 <img class="position-" src="https://verycoolstudio.com/media/pages/typefaces/honey/1b6d99b1f9-1760423160/screenshot-2025-10-11-at-11.51.05pm-800x800.webp" alt="" loading="lazy"> 547 </figure> 548 </div> 549 <div class="flex-grow"> 550 <figure class="h-100"> 551 <img class="position-" src="https://verycoolstudio.com/media/pages/typefaces/honey/18fab96277-1738805626/intercom-800x800.webp" alt="" loading="lazy"> 552 </figure> 553 </div> 554 <div class="flex-grow"> 555 <figure class="h-100"> 556 <img class="position-" src="https://verycoolstudio.com/media/pages/typefaces/honey/750243a707-1760423160/uluru-800x800.webp" alt="" loading="lazy"> 557 </figure> 558 </div> 559 <div class="flex-grow"> 560 <figure class="h-100"> 561 <img class="position-Top" src="https://verycoolstudio.com/media/pages/typefaces/honey/fdb6c0de64-1761018464/img_3400-800x800.webp" alt="" loading="lazy"> 562 </figure> 563 </div> 564 </div> 565 </div> 566 </a> 567 </li> 568 <li class="type-preview" data-languages="extended latin" data-search="cornbread cornbread regular a nib-weighted old style serif. extended latin thin light italic regular extrabold semibold bold ultra black"> 569 <a class="type-preview__link" href="https://verycoolstudio.com/typefaces/cornbread"> 570 <div class="type-preview__sample" style="font-family: 'Cornbread Regular'">
571 <span class="type-preview__sentence">Gladder Saxophone</span> 572 <span class="type-preview__aa" aria-hidden="true">Aa</span> 573 </div> 574 <div class="type-preview__details"> 575 <h2 class="type-preview__name">Cornbread Regular</h2> 576 <span class="type-preview__stat">13 Styles</span> 577 </div> 578 </a> 579 </li> 580 <li class="type-preview" data-languages="extended latin" data-search="bruphy bruphy bold a brush influenced sans serif. extended latin thin condensed light regular medium semibold bold extrabold black wide"> 581 <a class="type-preview__link" href="https://verycoolstudio.com/typefaces/bruphy"> 582 <div class="type-preview__sample" style="font-family: 'Bruphy Bold'"> 583 <span class="type-preview__sentence">Anfractuous Venture</span> 584 <span class="type-preview__aa" aria-hidden="true">Aa</span> 585 </div> 586 <div class="type-preview__details"> 587 <h2 class="type-preview__name">Bruphy Bold</h2> 588 <span class="type-preview__stat type-preview__stat--minor">3 Widths</span> 589 <span class="type-preview__stat type-preview__stat--minor">2 Optical sizes</span> 590 <span class="type-preview__stat">29 Styles</span> 591 </div> 592 </a> 593 </li> 594 <li class="type-preview" data-languages="extended latin" data-search="kansas casual kansas casual semi bold a sign painter's one stroke. extended latin light regular medium semibold bold black"> 595 <a class="type-preview__link" href="https://verycoolstudio.com/typefaces/kansas-casual"> 596 <div class="type-preview__sample" style="font-family: 'Kansas Casual SemiBold'"> 597 <span class="type-preview__sentence">Jazziest Skincare</span> 598 <span class="type-preview__aa" aria-hidden="true">Aa</span> 599 </div> 600 <div class="type-preview__details"> 601 <h2 class="type-preview__name">Kansas Casual Semi Bold</h2> 602 <span class="type-preview__stat">6 Styles</span> 603 </div> 604 <div class="in-use-preview" aria-hidden="true"> 605 <div class="flex gap-xs"> 606 <div class="flex-grow"> 607 <figure class="h-100"> 608 <img class="position-" src="https://verycoolstudio.com/media/pages/typefaces/kansas-casual/f9b313c99c-1738805626/kansas-casual-banzai-800x800.webp" alt="" loading="lazy"> 609 </figure> 610 </div> 611 <div class="flex-grow"> 612 <figure class="h-100"> 613 <img class="position-Center" src="https://verycoolstudio.com/media/pages/typefaces/kansas-casual/c808a3dae4-1738805626/kansas-casual-camp-800x800.webp" alt="" loading="lazy"> 614 </figure> 615 </div> 616 <div class="flex-grow"> 617 <figure class="h-100"> 618 <img class="position-Center" src="https://verycoolstudio.com/media/pages/typefaces/kansas-casual/44b9ac2b60-1761018464/lilwoodys-800x800.webp" alt="" loading="lazy"> 619 </figure> 620 </div> 621 </div> 622 </div> 623 </a> 624 </li> 625 </ul> 626 627
627<script src="https://verycoolstudio.com/assets/js/filter-min.js?v=1791041552"></script>
627 </main> 628 629 <footer class="footer"> 630 <div class="footer__main"> 631 <div class="footer__col footer__links"> 632 <nav aria-labelledby="footer-site"> 633 <h2 id="footer-site" class="t-eyebrow mb-md">Site</h2> 634 <ul> 635 <li><a class="nav-link" href="https://verycoolstudio.com/articles">Articles</a></li> 636 <li><a class="nav-link" href="https://verycoolstudio.com/about">About</a></li> 637 <li><a class="nav-link" href="https://verycoolstudio.com/in-use">In Use</a></li> 638 </ul> 639 </nav> 640 <div> 641 <h2 class="t-eyebrow mb-md">Shop</h2> 642 <ul> 643 <li><a class="nav-link" href="https://verycoolstudio.com">Typefaces</a></li> 644 <li><span class="nav-link"><fontdue-cart-button label="Cart"></fontdue-cart-button></span></li> 645 <li> 646 <details class="footer__login" id="login"> 647 <summary class="nav-link">Login</summary> 648 <fontdue-customer-login-form></fontdue-customer-login-form> 649 </details> 650 </li> 651 </ul> 652 </div> 653 </div> 654 <div class="footer__col footer__trials"> 655 656<h2 id="trial-fonts" class="mb-sm">Font Trials</h2> 657<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> 658 659<fontdue-test-fonts-form> 660</fontdue-test-fonts-form> 661 </div> 662 </div> 663 <div class="footer__legal"> 664 <span>©2026 Very Cool Studio</span> 665 <a href="https://verycoolstudio.com/terms">Commercial License Terms</a> 666 <a href="https://verycoolstudio.com/trial-terms">Trial Terms</a> 667 </div> 668 </footer> 669
669<script src="https://verycoolstudio.com/assets/js/index-min.js?v=1791041552"></script>
669 670 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 66 bytes, lines 670-671
670 671 <script async src="https://www.googletagmanager.com/gtag/js?id=
671UA-96409329-1
vendor: 14 bytes, lines 671-672
671"></script> 672
672<script> 673
vendor: 139 bytes, lines 673-676
673window.dataLayer = window.dataLayer || []; 674 function gtag(){dataLayer.push(arguments);} 675 gtag('js', new Date()); 676 gtag('config', '
676UA-96409329-1
vendor: 6 bytes, lines 676-677
676'); 677
677</script>
677 678
679<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>
679 680</body> 681</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.