Hey all,
I'm simply trying to add two fonts to a single line of text in my portfolio grid.
Currently, all text is 'Aileron-Light' e.g. Food and Drink 001, Fashion and Beauty 002 as per image attached.
To highlight the title and give more emphasis, I am trying to make Food and Drink in 'Aileron-Light' and 001 in 'Aileron-Ultralight' so it looks more like this;
Food and Drink 001
Currently I've added the custom font 'Aileron' and used the below code;
Many thanks in advance! Paul 🙂
@font-face {
font-family: 'Aileron-Ultralight';
src: url(https://static1.squarespace.com/static/65de47ba4bd0cf325ccb79b9/t/65de64f5192e861b98637ea0/1709073653154/Aileron-UltraLight.otf);
}
@font-face {
font-family: 'Aileron-Light';
src: url(https://static1.squarespace.com/static/65de47ba4bd0cf325ccb79b9/t/65de54eafaac5e7931840005/1709069547949/Aileron-Light.ttf);
}
.portfolio-title {
font-family: 'Aileron-light' !important;
}