Blogger テーマ Soho Light のフォントを Arial にする

DEMO > https://s-o-h-o.blogspot.com/

テーマ > ▼ > HTML を編集

<!-- Fonts --> に以下追加

<Variable name="Arial12" description="12px Arial" type="font" default="normal 400 12px Arial" hideEditor="true"  value="normal 400 12px Arial"/>
<Variable name="Arial14" description="14px Arial" type="font" default="normal 400 14px Arial" hideEditor="true"  value="normal 400 14px Arial"/>
<Variable name="Arial16" description="16px Arial" type="font" default="normal 400 16px Arial" hideEditor="true"  value="normal 400 16px Arial"/>
<Variable name="Arial18" description="18px Arial" type="font" default="normal 400 18px Arial" hideEditor="true"  value="normal 400 18px Arial"/>
<Variable name="Arial20" description="20px Arial" type="font" default="normal 400 20px Arial" hideEditor="true"  value="normal 400 20px Arial"/>
<Variable name="Arial24" description="24px Arial" type="font" default="normal 400 24px Arial" hideEditor="true"  value="normal 400 24px Arial"/>
<Variable name="Arial36" description="36px Arial" type="font" default="normal 400 36px Arial" hideEditor="true"  value="normal 400 36px Arial"/>
<Variable name="ArialBold12" description="12px Arial Bold" type="font" default="normal 700 12px Arial" hideEditor="true"  value="normal 700 12px Arial"/>
<Variable name="ArialBold14" description="14px Arial Bold" type="font" default="normal 700 14px Arial" hideEditor="true"  value="normal 700 14px Arial"/>

<Group description="Body"> ～ <Group description="Attribution"> の終わりまで以下に置換

<Group description="Body">
  <Variable name="body.background" description="Background" type="background" color="$(body.background.color)" default="$(color) none repeat scroll top left"  value="#ffffff url(https://themes.googleusercontent.com/image?id=NwAWve25XbjW2fxmDrisiIHRE8dTOrAuuoRCO6AB6bmodnPAywrXt7E6qZEgv3sik1dTnN0On7Hc) no-repeat scroll top center /* Credit: Mae Burke (http://www.offset.com/photos/389967) */;"/>
  <Variable name="body.background.color" description="Background color" type="color" default="#fff"  value="#ffffff"/>
  <Variable name="body.title.font.small" description="Title font (small)" type="font" default="$(Arial20)"  value="normal 400 20px Arial"/>
  <Variable name="body.title.font.large" description="Title font (large)" type="font" default="$(Arial24)"  value="normal 400 24px Arial"/>
  <Variable name="body.title.color" description="Title color" type="color" default="#000"  value="#000000"/>
  <Variable name="body.action.font.small" description="Action font (small)" type="font" default="$(Arial12)"  value="normal 400 12px Arial"/>
  <Variable name="body.action.font.large" description="Action font (large)" type="font" default="$(Arial14)"  value="normal 400 14px Arial"/>
  <Variable name="body.action.color" description="Action color" type="color" default="#bf8b38"  value="#bf8b38"/>
  <Variable name="body.text.font" description="Text font" type="font" default="$(Arial20)"  value="normal 400 20px Arial"/>
  <Variable name="body.text.color" description="Text color" type="color" default="#000"  value="#000000"/>
  <Variable name="body.link.color" description="Link color" type="color" default="#bf8b38"  value="#bf8b38"/>
  <Variable name="body.widget.title.font.small" description="Gadget title font (small)" type="font" default="$(Arial12)"  value="normal 400 12px Arial"/>
  <Variable name="body.widget.title.font.large" description="Gadget title font (large)" type="font" default="$(Arial14)"  value="normal 400 14px Arial"/>
  <Variable name="body.widget.title.color" description="Gadget title color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(0, 0, 0, 0.54)"/>
  <Variable name="body.filter.background.color" description="Filter background color" type="color" default="#302c24"  value="#302c24"/>
  <Variable name="body.filter.text.font.small" description="Filter text font (small)" type="font" default="$(Arial12)"  value="normal 400 12px Arial"/>
  <Variable name="body.filter.text.font.large" description="Filter text font (large)" type="font" default="$(Arial14)"  value="normal 400 14px Arial"/>
  <Variable name="body.filter.text.color" description="Filter text color" type="color" default="rgba(255, 255, 255, 0.54)"  value="rgba(255, 255, 255, 0.54)"/>
  <Variable name="body.filter.keyword.font.small" description="Filter keyword font (small)" type="font" default="$(ArialBold12)"  value="normal 700 12px Arial"/>
  <Variable name="body.filter.keyword.font.large" description="Filter keyword font (large)" type="font" default="$(ArialBold14)"  value="normal 700 14px Arial"/>
  <Variable name="body.filter.keyword.color" description="Filter keyword color" type="color" default="rgba(255, 255, 255, 0.87)"  value="rgba(255, 255, 255, 0.87)"/>
  <Variable name="body.filter.link.font.small" description="Filter link font (small)" type="font" default="$(ArialBold12)"  value="normal 700 12px Arial"/>
  <Variable name="body.filter.link.font.large" description="Filter link font (large)" type="font" default="$(ArialBold14)"  value="normal 700 14px Arial"/>
  <Variable name="body.filter.link.color" description="Filter link color" type="color" default="#bf8b38"  value="#bf8b38"/>
</Group>

<Group description="Header">
  <Variable name="header.background.color" description="Background color" type="color" default="#fff"  value="#ffffff"/>
  <Variable name="header.title.font.small" description="Title font (small)" type="font" default="$(Arial18)"  value="normal 400 18px Arial"/>
  <Variable name="header.title.font.large" description="Title font (large)" type="font" default="$(Arial36)"  value="normal 400 36px Arial"/>
  <Variable name="header.title.color" description="Title color" type="color" default="#000"  value="#000000"/>
  <Variable name="header.text.font" description="Text font" type="font" default="$(Arial12)"  value="normal 400 12px Arial"/>
  <Variable name="header.text.color" description="Text color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(0, 0, 0, 0.54)"/>
  <Variable name="header.pageList.font" description="Page list font" type="font" default="$(Arial14)"  value="normal 400 14px Arial"/>
  <Variable name="header.pageList.color" description="Page list color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(0, 0, 0, 0.54)"/>
  <Variable name="header.pageList.selected.font" description="Page list font (selected page)" type="font" default="$(ArialBold14)"  value="normal 700 14px Arial"/>
  <Variable name="header.pageList.selected.color" description="Page list color (selected page)" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(0, 0, 0, 0.54)"/>
  <Variable name="header.icon.color" description="Icon color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(0, 0, 0, 0.54)"/>
</Group>

<Group description="Posts">
  <Variable name="post.text.background.color" description="Background color (text-only post)" type="color" default="#302c24"  value="#302c24"/>
  <Variable name="post.title.font.small" description="Title font (small)" type="font" default="$(Arial20)"  value="normal 400 20px Arial"/>
  <Variable name="post.title.font.large" description="Title font (large)" type="font" default="$(Arial24)"  value="normal 400 24px Arial"/>
  <Variable name="post.title.color" description="Title color" type="color" default="#000"  value="#000000"/>
  <Variable name="post.text.title.color" description="Title color (text-only post)" type="color" default="#fff"  value="#ffffff"/>
  <Variable name="post.header.font" description="Header font" type="font" default="$(Arial12)"  value="normal 400 12px Arial"/>
  <Variable name="post.header.color" description="Header color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(0, 0, 0, 0.54)"/>
  <Variable name="post.text.header.color" description="Header color (text-only post)" type="color" default="rgba(255, 255, 255, 0.54)"  value="rgba(255, 255, 255, 0.54)"/>
  <Variable name="post.footer.font" description="Post Footer Font" type="font" default="$(Arial12)"  value="normal 400 12px Arial"/>
  <Variable name="post.footer.color" description="Footer color" type="color" default="#bf8b38"  value="#bf8b38"/>
  <Variable name="post.text.font.small" description="Text font (small)" type="font" default="$(Arial14)"  value="normal 400 14px Arial"/>
  <Variable name="post.text.font.large" description="Text font (large)" type="font" default="$(Arial16)"  value="normal 400 16px Arial"/>
  <Variable name="post.text.color" description="Text color" type="color" default="#000"  value="#000000"/>
  <Variable name="post.text.footer.color" description="Footer color (text-only post)" type="color" default="#bf8b38"  value="#bf8b38"/>
  <Variable name="post.blockquote.font.small" description="Blockquote font (small)" type="font" default="$(Arial16)"  value="normal 400 16px Arial"/>
  <Variable name="post.blockquote.font.large" description="Blockquote font (large)" type="font" default="$(Arial24)"  value="normal 400 24px Arial"/>
  <Variable name="post.blockquote.color" description="Blockquote color" type="color" default="#000"  value="#000000"/>
  <Variable name="post.caption.font" description="Caption font" type="font" default="$(Arial12)"  value="normal 400 12px Arial"/>
  <Variable name="post.caption.color" description="Caption color" type="color" default="#000"  value="#000000"/>
</Group>

<Group description="Comments">
  <Variable name="comment.header.font" description="Header font" type="font" default="$(Arial12)"  value="normal 400 12px Arial"/>
  <Variable name="comment.header.color" description="Header color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(0, 0, 0, 0.54)"/>
  <Variable name="comment.author.font" description="Author font" type="font" default="$(Arial14)"  value="normal 400 14px Arial"/>
  <Variable name="comment.author.color" description="Author color" type="color" default="#000"  value="#000000"/>
  <Variable name="comment.content.font" description="Content font" type="font" default="$(Arial14)"  value="normal 400 14px Arial"/>
  <Variable name="comment.content.color" description="Content color" type="color" default="#000"  value="#000000"/>
  <Variable name="comment.action.font" description="Action font" type="font" default="$(Arial12)"  value="normal 400 12px Arial"/>
  <Variable name="comment.action.color" description="Action color" type="color" default="#bf8b38"  value="#bf8b38"/>
</Group>

<Group description="Sidebar">
  <Variable name="sidebar.background.color" description="Background color" type="color" default="#fff"  value="#ffffff"/>
  <Variable name="sidebar.separator.color" description="Separator color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(0, 0, 0, 0.54)"/>
  <Variable name="sidebar.profile.name.font" description="Profile name font" type="font" default="$(Arial24)"  value="normal 400 24px Arial"/>
  <Variable name="sidebar.profile.name.color" description="Profile name color" type="color" default="#000"  value="#000000"/>
  <Variable name="sidebar.profile.description.font" description="Profile description font" type="font" default="$(Arial12)"  value="normal 400 12px Arial"/>
  <Variable name="sidebar.profile.description.color" description="Profile description color" type="color" default="rgba(0, 0, 0, 0.87)"  value="rgba(0, 0, 0, 0.87)"/>
  <Variable name="sidebar.action.font" description="Action font" type="font" default="$(Arial14)"  value="normal 400 14px Arial"/>
  <Variable name="sidebar.action.color" description="Action color" type="color" default="#bf8b38"  value="#bf8b38"/>
  <Variable name="sidebar.widget.title.font" description="Gadget title font" type="font" default="$(Arial16)"  value="normal 400 16px Arial"/>
  <Variable name="sidebar.widget.title.color" description="Gadget title color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(0, 0, 0, 0.54)"/>
  <Variable name="sidebar.widget.text.font" description="Gadget text font" type="font" default="$(Arial14)"  value="normal 400 14px Arial"/>
  <Variable name="sidebar.widget.text.color" description="Gadget text color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(0, 0, 0, 0.54)"/>
  <Variable name="sidebar.icon.color" description="Icon color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(0, 0, 0, 0.54)"/>
</Group>

<Group description="Search">
  <Variable name="search.input.font" description="Input font" type="font" default="$(Arial16)"  value="normal 400 16px Arial"/>
</Group>

<Group description="Sharing">
  <Variable name="sharing.background.color" description="Sharing background color" type="color" default="#fafafa"  value="#fafafa"/>
  <Variable name="sharing.text.font" description="Sharing text font" type="font" default="$(Arial16)"  value="normal 400 16px Arial"/>
  <Variable name="sharing.text.color" description="Sharing text color" type="color" default="#000"  value="#000000"/>
  <Variable name="sharing.icon.color" description="Sharing icons color" type="color" default="#bf8b38"  value="#bf8b38"/>
</Group>

<Group description="Attribution">
  <Variable name="attribution.text.font" description="Attribution text font" type="font" default="$(Arial12)"  value="normal 400 12px Arial"/>
  <Variable name="attribution.text.color" description="Attribution text color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(0, 0, 0, 0.54)"/>
  <Variable name="attribution.icon.color" description="Attribution icon color" type="color" default="rgba(0, 0, 0, 0.54)" hideEditor="true"  value="rgba(0, 0, 0, 0.54)"/>
</Group>

関連エントリ

• [Blogger]Essentialテーマ等でPowered by Bloggerを非表示にする