I want to refer Custom CSS in my Page Layout
Page Layout
<link href="<%$SPUrl:~sitecollection/Style Library/Test/Custom.css %>" rel="stylesheet" type="text/css" ms-design-css-conversion="no" runat="server"/>
Page-> View Source Below
<link href="/sites/UAT/_catalogs/masterpage/<%$SPUrl:~sitecollection/Style Library/Test/Custom.css %>" rel="stylesheet" type="text/css"></link>
Actual CSS
/sites/UAT/Style%20Library/Test/Custom.css
Styles
If your page layout is an HTML file, try this:
<!--SPM:<SharePoint:CssRegistration name="<% $SPUrl:~sitecollection/Style Library/Test/Custom.css %>" runat="server" after="corev15.css"/>-->
If it'is an .aspx file, try this:
<SharePoint:CssRegistration name="<% $SPUrl:~sitecollection/Style Library/Test/Custom.css %>" runat="server" after="corev15.css"/>
Scripts
HTML masterpage:
<!--SPM:<SharePoint:ScriptLink language="javascript" Name="~SiteCollection/Style Library/Test/Custom.js" runat="server" Localizable="false"/>-->
aspx masterpage:
<SharePoint:ScriptLink language="javascript" Name="~SiteCollection/Style Library/Test/Custom.js" runat="server" Localizable="false"/>
