Arrows showing as squares

I had tried this, which didn’t work either::

.slick-prev:before,
.slick-next:before {
    font: normal normal normal 14px/1 FontAwesome !important;
    font-family: FontAwesome;
}