JP2015118548A - Server device, method for character-spacing, and program - Google Patents

Abstract

PROBLEM TO BE SOLVED: To provide a technique for easily adjusting the space between characters in a Web font.SOLUTION: The above problem is resolved by having determination means for determining whether character-spacing is designated in a request from a client device, character-spacing means for extracting the glyph data of characters of the target font, changing the extracted glyph data, and adjusting the space between characters when it is determined by the determination means that character-spacing is designated, generation means for generating a new font including the glyph data changed by the character-spacing means, and supply means for supplying the font generated by the generation means to the client device.

Description

  The present invention relates to a server device, a character filling method, and a program.

  There is a method of adjusting the space between characters by using JavaScript (registered trademark), automatically separating characters by tags such as span, and further using CSS letter-spacing (for example, Non-Patent Document 1). reference).

“Letter-spacing property that can change the interval between characters”, [online], [searched on December 9, 2013], Internet <URL: http: // www. atmarkit. co. jp / fwcr / design / cssref / text / letterspacing. html>

  According to the above technique, fine setting can be performed, but it is necessary to perform the setting for each character or character sequence. Moreover, when the text was corrected, it was necessary to set again. Therefore, although it is good for a Web designer who has a strong commitment, there is a problem that it is generally not preferred and difficult to spread.

  The present invention has been made in view of such problems, and an object of the present invention is to provide a technique for easily realizing character filling in a Web font.

  Therefore, the present invention is a server device, wherein a determination unit that determines whether or not to perform character padding is specified in a request from a client device, and that the character padding is specified by the determination unit. If it is determined that the character glyph data of the target font is extracted, the extracted glyph data is changed, the character filling means for filling the characters, and the new glyph data including the glyph data changed by the character filling means Generating means for generating a font; and providing means for providing the font generated by the generating means to the client device.

  ADVANTAGE OF THE INVENTION According to this invention, the technique which implement | achieves the character filling in a web font easily can be provided.

It is a figure which shows an example of the system configuration | structure of a web font delivery system. It is a figure which shows an example of the hardware constitutions of a server apparatus. It is a figure which shows an example of the software structure of a server apparatus. It is a sequence diagram which shows an example of the process etc. between a server apparatus and a client apparatus. It is a flowchart which shows an example of the character filling process in a server apparatus. FIG. 5 is a conceptual diagram illustrating an example of character filling by method 1; 6 is a diagram illustrating an example of a Web page creation method according to Method 1. FIG. 10 is a diagram illustrating an example of a Web page creation method according to Method 2. FIG.

  Hereinafter, embodiments of the present invention will be described with reference to the drawings.

FIG. 1 is a diagram illustrating an example of a system configuration of a Web font distribution system.
As shown in FIG. 1, in the Web font distribution system, a server device 10 and a client device 12 are connected to be communicable via a network 11.
In response to a request from the client device 12, the server device 10 provides a program related to character filling display. The client device 12 executes the program related to the downloaded character padding display. By executing a program related to character padding display, the client device 12 executes the font name related to the Web page to be displayed, the characters using the font, the designation information specifying the character padding method, the OS type, the Web browser Get information such as type. Then, the client device 12 transmits a font request including the acquired information to the server device 10. Upon receiving the font request, the server device 10 performs character padding on the character in which the font is used in accordance with the designation information for designating the character padding method, and a new font with the character padding is obtained. Generate. Then, the server device 10 transmits the generated font to the client device 12. More specifically, the server device 10 converts the font into a format suitable for the Web browser according to the OS type and the Web browser type, and transmits the converted font to the client device 12. The client device 12 that has received the font displays the corresponding Web page using the received font.
By executing such processing, it is possible to easily realize character filling in the Web font.
In FIG. 1, there is one client device 12, but there may be a plurality of client devices 12. The client device 12 may be a tablet terminal device, a smartphone, a mobile phone device, or the like. In FIG. 1, there is one server device 10, but there may be a plurality of server devices 10. That is, a system such as a cloud in which a plurality of server devices execute processing while sharing the functions of the server device 10 with each other may be used. The server device 10 is an example of a computer.

FIG. 2 is a diagram illustrating an example of a hardware configuration of the server device 10.
As illustrated in FIG. 2, the server device 10 includes a CPU 20, a memory 21, and a network I / F 22 as a hardware configuration.
The CPU 20 controls the entire server device 10. When the CPU 20 executes a process based on a program stored in the memory 21, a process related to a software configuration related to the server apparatus 10 described later, a flowchart described later, and the like is realized. The memory 21 is a RAM, ROM, HDD, or the like, and stores a program, data to be referred to when the CPU 20 executes the program, and the like. The network I / F 22 is an interface for connecting the server device 10 to the network 11.
The hardware configuration of the client device 12 is the same as that of the server device 10 and includes at least a CPU, a memory, and a network I / F. Then, the CPU of the client device 12 executes processing based on a program stored in the memory of the client device 12, thereby realizing functions and the like of the client device 12 described later.

FIG. 3 is a diagram illustrating an example of a software configuration of the server apparatus 10.
As illustrated in FIG. 3, the server device 10 includes a program providing unit 30 and a character filling function providing unit 31 as a software configuration.
The program providing unit 30 provides a program related to character padding display in response to a request from the client device 12. An example of a program related to character padding display is, for example, Javascript related to character padding display.

The font filling function providing unit 31 receives a font request from the client device 12 including the font name related to the Web page to be displayed, the characters in which the font is used, the designation information for specifying the font filling method, and information such as the web browser. Receive. When the font filling function providing unit 31 receives the font request, the character filling function providing unit 31 extracts the designation information included in the font request. The character padding function providing unit 31 specifies a specified character padding method based on the extracted designation information, and performs character padding using the specified character padding method.
More specifically, there are a method 1 and a method 2 as the character filling method in the present embodiment. Method 1 is a character filling method that makes the space between characters uniform, and method 2 is a character filling method that fills characters based on character width information (for example, proportional metrics) set by the font designer.
The character padding function providing unit 31 performs character padding using the character padding method designated by the designation information included in the font request. That is, the character padding function providing unit 31 performs the character padding by the method 1 when the method 1 is designated by the designation information, and the character padding by the method 2 when the method 2 is designated by the designation information. Do.
The character padding function providing unit 31 generates a new font with character padding, and transmits the generated font to the client device 12.

FIG. 4 is a sequence diagram illustrating an example of processing between the server device 10 and the client device 12.
In sequence SC <b> 40, the server apparatus 10 provides a program related to character padding display in response to a request from the client apparatus 12. The request is, for example, a Web page display request.
In sequence SC <b> 41, the client apparatus 12 executes the downloaded program related to character padding display. The client device 12 obtains information such as a font name related to a display target Web page, a character in which the font is used, designation information designating a character filling method, a Web browser, and the like by executing a program related to character filling display. To do.
In sequence SC42, the client apparatus 12 transmits a font request including the acquired information to the server apparatus 10.

In sequence SC43, when the server device 10 receives the font request, the server device 10 performs character padding on the characters in which the font is used in accordance with the designation information for designating the character padding method included in the font request. Generate a new font with character filling. Further, the server device 10 converts the font into a format suitable for the Web browser according to the OS type and the Web browser type.
In sequence SC <b> 44, the server apparatus 10 transmits the generated and converted font to the client apparatus 12.
In sequence SC45, the client apparatus 12 displays a Web page using the received font.
As a result, the Web page is displayed in a font in which characters are stuffed.

FIG. 5 is a flowchart illustrating an example of character padding processing in the server device 10.
In step S <b> 50, the CPU 20 determines whether a font request is received from the client device 12. If the CPU 20 determines that a font request has been received from the client device 12, the process proceeds to step S51. If the CPU 20 determines that a font request has not been received from the client device 12, the process of step S50 is repeated.
In step S51, the CPU 20 extracts designation information for designating a character filling method from the font request.

In step S52, the CPU 20 determines whether the character filling method is method 1 or method 2 based on the extracted designation information. When the extracted designation information indicates the method 1, the CPU 20 determines that the character is padded by the method 1, and proceeds to step S53. When the extracted designation information indicates the method 2, the method 20 It is determined that characters are padded, and the process proceeds to step S54.
In step S53, the CPU 20 performs character padding by a character padding method that makes the space between characters uniform. More specifically, the CPU 20 extracts glyph data of each character of the target font based on the font name included in the font request and information on the character using the font. The CPU 20 obtains the width of the face from the leftmost coordinate and the rightmost coordinate of the face, makes the width of the virtual body the same as the width of the face, and matches the coordinate position of each point indicating the face. By rearranging to the left, glyph data without spaces is generated and characters are padded.
Here, FIG. 6 is a conceptual diagram showing an example of character filling by the method 1. FIG.
As shown in FIG. 6, the blank space is deleted in the character filling by the method 1. If the margin is deleted and CSS is set, the margin between characters can be unified to improve the appearance.

On the other hand, in step S54, the CPU 20 narrows the width of the virtual body in accordance with the space information set in advance on a predetermined tag or the like of the web page, aligns the coordinate position of each point indicating the face, and rearranges it to the left. By doing so, glyph data is generated and characters are padded. The space information is assumed to be included in the font request from the client device 12, for example. That is, space information that is most preferable for a font designer or the like is set, and the client device 12 extracts this space information and transmits it to the server device 10 in a font request. When the space information is included in the font request, the server device 10 determines that the character filling method is the method 2.
In step S55, the CPU 20 generates a new font including the glyph data changed by the character padding in step S53 or step S54.
In step S <b> 56, the CPU 20 transmits the generated new font to the requesting client device 12.

FIG. 7 is a diagram illustrating an example of a Web page creation method according to Method 1.
First, when a creator or the like who creates a Web page connects to the server device 10 and creates a Web page that deletes the space between characters, a character is displayed on the script issuance screen as shown in FIG. Select “Yes” to delete the blank space.
Then, a script as shown in FIG. 7B is generated by the server device 10. In the case of a Web page in which the script is embedded, the client device 12 determines that the character page is a Web page to be filled with the method 1, describes that in the designation information, and transmits a font request to the server device 10.
A creator or the like who creates a Web page sets CSS: letter-spacing shown in FIG. 7C to a place where a Web font is set.

FIG. 8 is a diagram illustrating an example of a Web page creation method according to Method 2.
In the case of the method 2, the creator who creates the Web page only needs to change the parameter of the script tag.
In the case of a Web page in which the script tag is embedded, the client apparatus 12 determines that the character page is a Web page to be filled with the method 2, describes that in the designation information, and transmits a font request to the server apparatus 10. .

According to the above-described embodiment, it is possible to provide a technique for easily realizing character filling in a Web font.
In addition, according to the method of filling characters by Method 1, glyph data that the user cannot normally touch can be directly changed, and the favorite space can be adjusted with the CSS that the user can use based on the character face. . Further, the SEO effect is not diminished.
In addition, according to the character filling method according to method 2, it is possible to set the character width in a lump in a space preset as optimal by the font designer.
Also, as shown in FIGS. 7 and 8, a person who generates a Web page can easily set character filling.
Further, when generating a Web page, it may be possible to specify which part of the same page to apply character padding. When specified in this way, the client device 12 determines which part of the Web page is to be padded with characters, the character described in the location in the specified information, the font name specified, the padding method, etc. And the font request is transmitted to the server device 10. The server device 10 extracts characters and font names at the location described in the font request and a character padding method, performs character padding by a designated method based on the information on the character padding method, and sends the request source. To the client device 12. According to such a configuration, for example, depending on the part in the Web page, a certain part is filled with characters by the method 1, and a certain part is filled with the character by the method 2, etc. Character filling can be easily realized.

  The preferred embodiments of the present invention have been described in detail above, but the present invention is not limited to such specific embodiments, and various modifications can be made within the scope of the gist of the present invention described in the claims.・ Change is possible.

10 Server device 11 Network 12 Client device

Claims (7)

Determining means for determining whether or not to specify padding in a request from the client device;
When it is determined by the determining means that character filling is specified, character glyph data of a target font character is extracted, the extracted glyph data is changed, and character filling means for performing character padding;
Generating means for generating a new font including the glyph data changed by the character filling means;
Providing means for providing the font generated by the generating means to the client device;
A server device. When it is determined by the determination means that it is designated to perform character padding, it further includes an extraction means for extracting designation information for designating a character padding method,
The server device according to claim 1, wherein the character padding unit performs character padding by a character padding method specified by the designation information extracted by the extraction unit.   The character padding unit extracts glyph data of each character of the target font when the character padding method specified by the designation information extracted by the extraction unit is the first character padding method. The width of the face is obtained from the leftmost coordinate and the rightmost coordinate of the face, the width of the virtual body is made equal to the width of the face, and the coordinate position of each point indicating the face is aligned and left The server device according to claim 2, wherein glyph data having no space is generated by rearranging the characters and the characters are padded.   When the character padding method specified by the designation information extracted by the extraction unit is the second character padding method, the character padding unit is configured to match the virtual body according to preset space information. The server device according to claim 2, wherein the glyph data is generated by narrowing the width, rearranging the coordinate positions of the respective points indicating the character face to the left, and filling the characters.   The server device according to claim 2, wherein the character padding unit performs character padding for a part of characters in the Web page specified by the specification information. A character filling method executed by a server device,
A determination step of determining whether or not to specify padding in a request from the client device;
When it is determined that character filling is specified by the determination step, character glyph data of the target font is extracted, the extracted glyph data is changed, and the character filling step is performed for character filling;
Generating a new font including the glyph data changed by the character filling step;
A providing step of providing the client device with the font generated by the generating step;
A method for filling characters. On the computer,
A determination step of determining whether or not to specify padding in a request from the client device;
When it is determined that character filling is specified by the determination step, character glyph data of the target font is extracted, the extracted glyph data is changed, and the character filling step is performed for character filling;
Generating a new font including the glyph data changed by the character filling step;
A providing step of providing the client device with the font generated by the generating step;
A program for running.

Images