To embed this font, copy the code either inside <style> tag of your html OR directly into your css file.

@font-face {
  font-family: 'Hawaii Beach Regular';
  font-display: swap;
  src: url(https://focofontembed.s3.amazonaws.com/fonts/1173/hawaii_beach_regular_regular.otf);
}

CSS rules to specify families

font-family: 'Hawaii Beach Regular';

To embed this font, copy the code either inside <style> tag of your html OR directly into your css file.

@font-face {
  font-family: 'Hawaii Beach Shadow';
  font-display: swap;
  src: url(https://focofontembed.s3.amazonaws.com/fonts/1173/hawaii_beach_shadow_regular.otf);
}

CSS rules to specify families

font-family: 'Hawaii Beach Shadow';

To embed this font, copy the code either inside <style> tag of your html OR directly into your css file.

@font-face {
  font-family: 'Hawaii Beach Shadow FX';
  font-display: swap;
  src: url(https://focofontembed.s3.amazonaws.com/fonts/1173/hawaii_beach_shadow_fx_regular.otf);
}

CSS rules to specify families

font-family: 'Hawaii Beach Shadow FX';

To embed this font, copy the code either inside <style> tag of your html OR directly into your css file.

@font-face {
  font-family: 'Hawaii Beach Texture';
  font-display: swap;
  src: url(https://focofontembed.s3.amazonaws.com/fonts/1173/hawaii_beach_texture_regular.otf);
}

CSS rules to specify families

font-family: 'Hawaii Beach Texture';

To embed this font, copy the code either inside <style> tag of your html OR directly into your css file.

@font-face {
  font-family: 'Hawaii Beach Texture FX';
  font-display: swap;
  src: url(https://focofontembed.s3.amazonaws.com/fonts/1173/hawaii_beach_texture_fx_regular.otf);
}

CSS rules to specify families

font-family: 'Hawaii Beach Texture FX';