(Squarespace) Change a word in Site Title to Custom Font

To change a word in Site Title to Custom Font.

#1. First, use this code to Code Injection > Footer
If code doesn’t work, you can comment below, message or email me.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("a#site-title").each(function() {
    $(this).html($(this).html().replace(/of/g, "<span>of</span>"));
});
});
</script>

Replace word in the code. In my example, it is “of”

#2. Use this to Custom CSS box.

a#site-title span {
    font-family: 'Eschaton-LightItalic';
}