When trying to match the web fonts for other designs, here are some recommendations. You can try downloading them from 谷歌字体. 或者你可以用 Adobe的字体 (with a valid Adobe CC subscription). 

• Roboto (for use in headers, accents, etc)
  • 这里正在使用机器人
• Roboto-Condensed (Titles, navigation elements, 和 secondary option for headers)
  • 这里用的是Roboto-Condensed
• 板B 大胆的 (accent font for quotes 和 sparing use)
  • 这里使用的是B板
• 游廊(通用网页字体)

视图西北的 品牌指导方针, including logos, for use on the web.

The WYSIWYG editor has many default formats you can quickly apply like 大胆的, 下划线 和 删去. These are all available in the toolbar or the format menu.  You can also quickly 和 consistently adjust the format of your text with our predefined styles using the Cascade editor. while in a WYSIWYG editor, select the text to stylize 导航到“格式”选项卡， 和 choose from the preset font styles or use custom styles 'Format' > 'Formats' 和 select from, heading options, the system default "Blocks" options, or the Northwest "Custom" options. Note that a shortcut to these presets is also available in the WYSIWYG toolbar.

第14段(铅字)

大胆的

斜体

下划线

透油

p-large - 段 Large (intro sections)

段落(标题类)

Block Quote + paragraph - this is fill copy to illustrate use of the block quote format. This is fill copy to illustrate use of the block quote format.

标题1

标题2

标题2(附 .H1类)

标题2(附 .h2类)

标题3

标题4

标题5

标题6

西北“熊猫”绿色 十六进制代码是#006747吗

Some other common colors to use as needed:

• 口音的颜色
  • 强调亮蓝色#00B2E2
  • 强调亮绿色#A1CE5F
  • Accent Light Blue #D6EFF8 (background)
  • 强调深蓝色#003B70
  • 西北红#ee0000
    • When a high contrast color is needed to highlight something. This has been selected for web use to meet accessiblity 和 contrast st和ards. Use the custom format to quickly apply this color.
    • In a WYSIWYG editor selec 'Formats' > 'Custom' > 'Northwest Red'

例如按钮

创建按钮样式化的链接, this will apply a preset CSS class to the link to achieve the effect: while in a page editor, in a WYSIWYG click "insert/edit link" 和  apply the appropriate link (internal or external) then select "btn" or "btn light" from styling options on click 'ok'.

重要的! Leave table width undefined (enter nothing in properties) or place 100% in the width to allow tables to be responsive.

Define a table head (THEAD) to create column headers. These headers serve as labels when viewing the table in a responsive format. You can hide said label by using the class "nolabel" on a specific cell.

Table Styles (can be set under Cell »  Table Cell Properties)

By default all tables have a light grey border around it 和 all cells. This can be disabled by adding using the class "noborder".

条纹表

You can create a whole table with alternating row colors by using the class "striped".

* Alternatively, you can go to Row » Table Row Properties. Select Alt as the class 和 in the bottom left corner menu, choose to apply changes to either the even or odd rows.

表空间

If you spacing is uneven in a table, some cells may be in paragraph format 和 others may not. 段 format adds some extra white space before 和 after the text. You can add 和 remove this formatting in the "Formats" drop-down box (in the toolbar). If paragraph is already selected, selecting paragraph again will remove that formatting.

View our uploading images guide for help with how to upload.

Here are some image recommendations:

• 考虑文件类型.
  • For best results 和 reduced load times, 首选WEBP或jpg文件,
  • 不建议使用png格式 for most applications as they result in large files size 和 diminished SEO results 和 user experiences.
• 一定要 适当调整文件大小.
  • Files should never be over 1 mb (1024 kb) 和 rarely should they be over about 400 kb.
  • small images in large designs will pixelate 和 look bad
  • large files in small spaces use an unnecessary amount of space 和 slow down web load times. 
• 网页上的照片 总是在RGB模式, CMYK or grey scale greatly increases file size.

查看威尼斯人在线的 tools 和 resources recommendations for help finding options for sizing 和 editing photos. 

"Left" 和 "Right" text wrapping options displayed below. 

This is fill copy to display the float left 和 float right options for text wrapping images. This is fill copy to display the float left 和 float right options for text wrap. This is fill copy to display the float left 和 float right options for text wrapping images.This is fill copy to display the float left 和 float right options for text wrap. This is fill copy to display the float left 和 float right options for text wrapping images. This is fill copy to display the float left 和 float right options for text wrap. This is fill copy to display the float left 和 float right options for text wrapping images.This is fill copy to display the float left 和 float right options for text wrap.

This is fill copy to display the float left 和 float right options for text wrapping images. This is fill copy to display the float left 和 float right options for text wrap. This is fill copy to display the float left 和 float right options for text wrapping images.This is fill copy to display the float left 和 float right options for text wrap. This is fill copy to display the float left 和 float right options for text wrapping images. This is fill copy to display the float left 和 float right options for text wrap. This is fill copy to display the float left 和 float right options for text wrapping images.This is fill copy to display the float left 和 float right options for text wrap.