$Asset グローバル変数を使用した Lightning Design System アセットの参照

$Asset グローバル変数を使用して、Lightning Design System に含まれる画像、スプライト、その他のアセットにアクセスします。このグローバル変数は、<apex:slds> コンポーネントも使用する Visualforce ページで使用します。

$Resource ではなく $Asset を使用してください。この変数では、ドット表記および SLDS を使用します。たとえば、次のマークアップは Lightning Design System の JPG アバターを参照します。

<apex:page>
    <apex:slds />
    <span class="slds-icon_container slds-icon--small slds-icon-standard-account" title="Contact Avatar">
        <img src="{!URLFOR($Asset.SLDS, 'assets/images/avatar1.jpg')}" alt="Contact Avatar" />
    </span>
</apex:page>