Welcome to
ZOTY CDN
Top-secret content delivery network for use by Zoty United.
Welcome to
Top-secret content delivery network for use by Zoty United.
Font Awesome Pro
Get vector icons and social logos on your website with Font Awesome, the web's most popular icon set and toolkit.
Once you put the <link> code in the <head> of your page, you can use just about every icon on the Font Awesome website including Pro and Duotone.
Go to Font AwesomeHTML Link
v6 <link rel="stylesheet" href="https://cdn.zoty.us/css/fa6/all.css">
v5 <link rel="stylesheet" href="https://cdn.zoty.us/css/font-awesome/all.css">
Neue Haas Grotesk
Use the beautiful rendition of Helvetica that was used in Destiny 2.
Once you put the <link> code in the <head> of your page, you can use all of the related CSS classes.
Download Font FamilyHTML Link
<link rel="stylesheet" href="https://cdn.zoty.us/css/haas/haas.css">
CSS Classes
.haas-black .haas-bold .haas-medium .haas-regular .haas-light
Iosevka Terminal Extended
Perfect for terminals, code editors, and displaying numbers.
Once you put the <link> code in the <head> of your page, you can use all of the related CSS classes.
HTML Link
<link rel="stylesheet" href="https://cdn.zoty.us/css/iosevka/iosevka.css">
CSS
.iosevka font-family: "Iosevka";
Dark Scrollbar
Leave behind the ugly normal scrollbar, and embrace the future with a dark-themed scrollbar with minimal undertones.
Once you put the <link> code in the <head> of your page or simply copy the CSS code into your CSS files, you will see the scrollbar change.
HTML Link
<link rel="stylesheet" href="https://cdn.zoty.us/css/misc/scrollbar.css">
CSS Classes
::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: rgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb { background: rgba(100, 100, 100, 0.75); } ::-webkit-scrollbar-thumb:hover { background: #555; }
Fancy Button
Leave behind the ugly normal scrollbar, and embrace the future with a dark-themed scrollbar with minimal undertones.
CSS Classes
.fancybutton { padding: 23px 25px; background: linear-gradient(180deg,#ecc572 0,#815500); font-size: 18px; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; color: #937341; cursor: pointer; line-height: 1; border: none; position: relative; z-index: 1; box-shadow: 0 0 25px rgba(0, 0, 0, 0.11); transition: color 0.2s; min-width: 240px; } .fancybutton::before { top: 2px; left: 2px; right: 2px; bottom: 2px; content: ""; display: block; position: absolute; background: #111; z-index: -1; } .fancybutton:hover { color: #c4b998 }