ConvertTo-HTMLの<head>部分にカスタムフォントを追加するにはどうすればよいですか？

私はこのスクリプトを使って、サービスのHTMLファイルをコンピュータに保存し、追加しました。ConvertTo-HTMLの<head>部分にカスタムフォントを追加するにはどうすればよいですか？

$a = "<style>" 
$a = $a + "BODY{background-color:peachpuff;}" 
$a = $a + "TABLE{border-width: 1px;border-style: solid;border-color: black;border-collapse: collapse;}" 
$a = $a + "TH{border-width: 1px;padding: 0px;border-style: solid;border-color: black;background-color:thistle}" 
$a = $a + "TD{border-width: 1px;padding: 0px;border-style: solid;border-color: black;background-color:PaleGoldenrod}" 
$a = $a + "strong{color: green;}" 
$a = $a + "</style>" 


$b = "<H2>Service Information</H2>" 
$b = $b + "<p> This is the list of services that are on this system. It dispays <strong>both</strong> running and stopped services </p>" 

Get-Service | Select-Object Status, Name, DisplayName | 
ConvertTo-HTML -head $a -body $b | 
Out-File C:\Scripts\Test.htm 
start "C:\Users\neela\Desktop\Services In HTML.ps1" 
Invoke-Expression C:\Scripts\Test.htm

ただし、私はフォントが気に入らない。私はGoogleのUbuntuフォントを使いたいです。

$a = $a + "@import url('https://fonts.googleapis.com/css?family=Ubuntu');" 
$a = $a + "font-family: 'Ubuntu', sans-serif;"

しかし、動作しないコードを追加しようとしました。今私はどのようにこれを変えようとしていますか？ Googleの

から

方向は、Webページにあなたの選択したフォントを埋め込むHTMLドキュメントのにこのコードをコピーします。

<style> 
@import url('https://fonts.googleapis.com/css?family=Ubuntu'); 
</style>

これらの家族を指定するには、以下のCSSルールを使用します。

font-family: 'Ubuntu', sans-serif;

出典

2016-11-17 Anonymous

ここで*正確に* 2つのステートメントを追加しましたが、*正確に*は「動作しませんでした」。 –

は、あなたが望む方の要素にCSSルールを適用し、既存のスタイル上記のスタイルのインポートを追加します。この場合、私はそれを身体に適用しました。また、+ =の代わりにここの文字列を使用することをお勧めします。

$a = @" 
    <style> 
    @import url('https://fonts.googleapis.com/css?family=Ubuntu') 
    </style> 
    <style> 
    BODY{background-color:peachpuff; font-family: 'Ubuntu', sans-serif;} 
    TABLE{border-width: 1px;border-style: solid;border-color: black;border-collapse: collapse;} 
    TH{border-width: 1px;padding: 0px;border-style: solid;border-color: black;background-color:thistle} 
    TD{border-width: 1px;padding: 0px;border-style: solid;border-color: black;background-color:PaleGoldenrod} 
    strong{color: green;} 
    </style> 
"@ 
$b = @" 
    <H2>Service Information</H2> 
    <p> This is the list of services that are on this system. It dispays <strong>both</strong> running and stopped services </p> 
"@ 

Get-Service | Select-Object Status, Name, DisplayName | 
ConvertTo-HTML -Head $a -Body $b | 
Out-File C:\Scripts\Test.htm 
Invoke-Item C:\Scripts\Test.htm

出典

2016-11-17 01:30:06 StephenP

ありがとうございました。これは非常にうまいです –

別の '

ConvertTo-HTMLの<head>部分にカスタムフォントを追加するにはどうすればよいですか？

答えて