Change font for text in sharepoint modern site

AB21805 you need to install the modern script web part (https://sharepoint.handsontek.net/2023/03/15/use-script-editor-modern-sharepoint-sites/)  then the script I've used is:

 <div class="container">
  <h2><div class="welcome"><p id="WelcomeMsg"></p></div></h2>
  <div class="howcanwe"></div>
</div>

<script type="text/javascript">
var hour = new Date().getHours();
document.getElementById("WelcomeMsg").innerHTML = "Good " + (hour<12 && "morning" || hour<18 && "afternoon" || "evening")+", " + _spPageContextInfo.userDisplayName+". Welcome to the team" ;
</script> 

<style>
.container {
  position: relative;
  text-align: center;
  color: black;
  font-family: "Lucida Handwriting";
}

/* Centered text */
.welcome{
  position: absolute;
  top: 15%;
  left: 24%;
  transform: translate(-50%, -50%);
}

</style>

It only seems to work with web safe fonts.

Rob
Los Gallardos
Microsoft Power Automate Community Super User.
Principal Consultant, SharePoint and Power Platform WSP Global (and classic 1967 Morris Traveller driver)