codes

carrd free fonts

alexandria

anybody

archivo

arimo

baloo

bricolage grotesque

DM sans

dela gothic one

didact gothic

dynapuff

epilogue

figtree

fredoka one

geologica

golos text

gothic A1

grandstander

hachi maru pop

heebo

instrument sans

inter

kosugi

kosugi maru

krona one

kulim park

lexend

mali

meow script

mochiy pop p one

montserrat one

muli

nanum gothic

noto sans

onest

pixelify sans

poppins

public sans

rammetto one

roboto

rubik

sacramento

sawarabi gothic

send flowers

shrikhand

silkscreen

syne

tilt warp

trebuchet MS

ubuntu

unbounded

vt323

yomogi

carrd pro fonts

coming soon!

tutorials

how to: text embeds

  1. create a new embed and paste a text code of your choice inside. you can find some here, or in other resource carrds.

  2. enter your text of choice in the assigned text part of the code (this may vary from code to code). you can edit the styling (font, size, color, etc) by pasting in the code to the right.

  3. style your text as you like. please visit the fonts in text embeds tutorial if you want to use a wider range of fonts.

<style>
tag {
font-family: Arial;
font-size: 2em;
color: #000000;
}
</style>

how to: links in embeds

  1. create a new embed and paste a text code of your choice inside. you can find some here, or in other resource carrds.

  2. use the format below and enter your respective text and links into the assigned text part of the code.

<a href="link">text with link</a>

  1. style your text as you like. please visit the text embeds tutorial if you want to learn how to edit things like text font, size, and color.

there are multiple sub-tutorials for fonts in embeds. please select one of the following to view.

how to: google fonts in embeds

  1. create a new embed and paste a text code of your choice inside. you can find some here, or in other resource carrds.

  2. enter your text in the assigned text part of the code, and then style it as you wish. you can learn about text embed basics here.

  3. find a font from google fonts and press "select style" or "select [insert font name]." you will then see a panel pop out. press the "use on the web" option, from which you should select "<link>" and then copy the box of code underneath. copy what's under the "CSS rules to specify families" section as well.

  4. paste the first code in between the <head> and </head> tags at the top of your text code. paste the second code in between the <style> and </style> tags.

  5. style your text as you like. please visit the text embeds tutorial if you want to learn how to edit things like font, text size, and color.

how to: outside fonts in embeds

  1. create a new embed and paste a text code of your choice inside. you can find some here, or in other resource carrds.

  2. enter your text in the assigned text part of the code, and then style it as you wish. you can learn about text embed basics here.

  3. find a font from an outside website, such as dafont, in the fonts page, or in other resource carrds. download the font.

  4. unzip the file. upload the .ttf or .otf to dropbox, and change the sharing settings to "anyone with the link can view." then copy the link.

  5. paste the link into the code to the right, which you can add in the top portion of the embed. change the www to dl, and delete the ?dl=0 at the end of the code.

  6. make sure you put in the fontname part without the hashtag where your text code says <div id="tag">text<

  7. style your text as you like.

<style>
@font-face {
src: url(insert dropbox url);
font-family: insert font name;
font-size: 50px
color: #000000;
}
#fontname {
font-family: insert font name;
</style>

about the admin

hello there! i am astra or mina, and this is the new rico.crd.co! i hope this is helpful :)i am a he/him lesbian shawol and girlgroup enjoyer that really likes carrds, editing, and so on. if you need anything, you can find me below: