@font-face {
  font-family: 'lucidacalligraphyef';
  src: url('../lucidacalligraphyef.woff2') format('woff2'),
       url('../lucidacalligraphyef.woff') format('woff'),
       url('../lucidacalligraphyef.ttf') format('truetype'),
       url('../lucidacalligraphyef.svg#lucidacalligraphyef') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Prima clasă */
.custom-font {
  font-family: 'lucidacalligraphyef', serif;
  font-size: 20px;
  color: #FFA500;
  font-weight: normal;
  font-style: normal;
}

/* A doua clasă, setări diferite */
.custom-font2 {
  font-family: 'lucidacalligraphyef', serif;
  font-size: 35px;
  color: #027efa;
  font-weight: bold;
  font-style: italic;
}

.custom-font3 {
  font-family: 'lucidacalligraphyef', serif;
  font-size: 35px;
  color: #027efa;
  font-weight: bold;
  font-style: italic;
}

@media (min-width: 768px) {
  .custom-font {
    font-family: 'lucidacalligraphyef', serif;
  }
}