WordPressで固定ページごとに個別のCSSを読み込ませたい。

Question

WordPressで固定ページごとに個別のCSSを読み込ませるために、header.phpに以下を記載しましたが反映されません。原因を教えて頂けますでしょうか？また、その他おすすめの方法がありましたら教えて頂けると幸いです。全てのcssファイルは同階層にあります。

  <?php if(is_front_page() || is_home() ) { ?>
    <link rel="stylesheet" href="<?php home_url('templete_url'); ?>/./style.css">
     <?php } else if (is_page('profile')) { ?>
      <link rel="stylesheet" href="<?php bloginfo('templete_url'); ?>/./style-profile.css">
       <?php } else if (is_page('service')) { ?>
        <link rel="stylesheet" href="<?php bloginfo('templete_url'); ?>/./style-service.css">
         <?php } else if (is_page('works')) { ?>
          <link rel="stylesheet" href="<?php bloginfo('templete_url'); ?>/./style-works.css">
           <?php } else { ?>
            <link rel="stylesheet" href="<?php home_url('templete_url'); ?>/./style.css">
             <?php } ?>