第一种方法，使用专门的字体文件，可以选择一种竖向排列的字体文件，比如日本的"Yu Gothic"等，该字体文件中的字符都是以竖向的形式设计的。
在网页中引入这种字体文件后，设置相应的字体样式即可实现竖向显示效果。
第二种方法，通过CSS样式来控制字体的显示方向。
在CSS中，可以使用"writing-mode"属性来设置文字的排列方式，"writing-mode"的值可以是"vertical-rl" (从上到下，从右到左排列)或"vertical-lr" (从上到下，从左到右排列)。
同时可以结合其他CSS属性如"transform"、"text-orientation"等来调整字体在竖向排列时的样式，使其更符合需求。
具体使用方法如下：```css.vertical-text { writing-mode: vertical-rl; /* 设置文字从上到下，从右到左排列 */ text-orientation: upright; /* 设置文字直立显示 */ transform: rotate(-180deg); /* 旋转文字180度，使其朝上显示 */ font-size: 14px; /* 设置字体大小 */ font-weight: bold; /* 设置字体加粗 */ color: #000000; /* 设置字体颜色 */}```在HTML中，通过给相应的字体元素添加class属性，如`
竖向显示的文字
`，即可实现竖向显示。需要注意的是，第二种方法相对于第一种方法更加灵活，可以适用于任何字体。
同时，为了兼容性考虑，可以为不同的浏览器添加相应的浏览器前缀，如`-webkit-`、`-moz-`等。
综上所述，实现字体竖向显示可以选择使用专门的竖向排列字体文件，或通过CSS样式来控制文字的排列方式和显示效果。
具体选择哪种方法取决于具体的需求和使用情况。