Result

jQuery

$("a.css-switch").click(function() {
    //link rel="***"を変える
    $('link[rel=stylesheet]').attr('href' , $(this).attr('rel'));
});

css

h1{
    font-size:40px;
    font-weight:bold;
    margin:25px;
    //Google font API
    font-family: 'Fredericka the Great','Jim Nightshade', 'Flamenco', cursive;
}

a{text-decoration:none;color:red;}
a:hover{color:#666;}

html

<a href="javascript:void(0);" class="css-switch" rel="default.css">Default </a> | 
<a href="javascript:void(0);" class="css-switch" rel="http://fonts.googleapis.com/css?family=Fredericka+the+Great">Fredericka the Great</a>  | 
<a href="javascript:void(0);" class="css-switch" rel="http://fonts.googleapis.com/css?family=Jim+Nightshade"> Nightshade</a> | 
<a href="javascript:void(0);" class="css-switch" rel="http://fonts.googleapis.com/css?family=Flamenco:300"> Nightshade</a>
<h1>Sample</h1>

Warning: include(/home/youhei0828/kachibito.net/public_html/wp-content/themes/cocoon-master/my-php/jquery-other-snippets.php): Failed to open stream: No such file or directory in /home/youhei0828/kachibito.net/public_html/wp-content/themes/kachibito7_with_cocoon_child/functions-module/shortcode/add-post-myphp.php on line 7

Warning: include(): Failed opening '/home/youhei0828/kachibito.net/public_html/wp-content/themes/cocoon-master/my-php/jquery-other-snippets.php' for inclusion (include_path='.:/opt/php-8.1.32-2/data/pear') in /home/youhei0828/kachibito.net/public_html/wp-content/themes/kachibito7_with_cocoon_child/functions-module/shortcode/add-post-myphp.php on line 7